[HTML5] Problème introuvable !

AntoninCarlin

Membre confirmé
21 Janvier 2013
19
0
Bonjour à tous :)

J'ai commencé un site en HTML5. Un soucis auquel je n'ai jamais eu auparavant m'est arrivé !
Ma page HTML ne se termine pas au bas de la fenêtre du navigateur.
Elle se termine à la fin de mon dernier élément html.

Ma hauteur reste bloqué à 160px !!
Ma barre de navigation qui est à height: 70%; ne s'applique pas, par exemple.
Et je ne vois aucune erreur dans mon code :S
Liens = http://antoninreal.legtux.org/macg.html
Bloc de code:
<!DOCTYPE html>
<html lang="fr">
<head>
	<title>Problem !!</title>
	<meta charset="utf-8">
	<style>

		body {
			background: -webkit-radial-gradient(center, white, #797979);
		}

		header {
			text-align: center;
		}

		h1 {
			font-size:30px;
			color:#fff;
			font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
			margin:10px 10px 0 10px;

		}

		h2 {
			font-size:20px;
			color:#fff;
			font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
			margin: 0;
		}

		nav {
			width: 20%;
			height:70%; /*Ceci ne s'applique pas !!*/
			float: left;
			background-color: #fff;
			border: 1px #fff solid;
		}

	</style>
</head>
<body>
<header>
	<h1>Problem ?</h1>
	<h2> Where ?</h2>
</header>
<nav>
	<ul>
		<li><a href="index.html">Home</a></li>
		<li><a href="index.html">Vidéo</a></li>
		<li><a href="index.html">Infos</a></li>
	</ul>
</nav>

</body>

</html>

Une idée ? Merci beaucoup !;)