Bonsoir à tous j'ai un problème. Je suis en train de tester une nouvelle mise en page.
Alors qu'a la base tout me convient:
http://hapshack.com/images/djhiN.png
Quand je veux ajouter du contenu à ma barre de navigation une horrible marge blanche vient séparer mon header de ma barre de nav sans que je lui demande d'apparaitre:
http://hapshack.com/images/Wi3z.png
Savez vous d'où cela peut venir ?
voila mon html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="bloc_page">
<header>
<img src="icones/logo.gif" alt="Logo" id="logo" />
</header>
<nav>
<ul>
<li>Accueil</li>
<li>Exemple</li>
<li>Exemple</li>
</nav>
<div>
</div>
</body>
et au cas où mon css:
header
{
background: url('headers/fond2.jpg') repeat-x;
width: 100%;
height: 130px;
}
nav
{
background: url('navs/barrenav.jpg') repeat-x;
width: 100%;
height: 50px;
}
nav li
{
display: inline-block;
margin-right: 30px;
height: 50px;
margin-top: 0px;
}
nav ul
{
list-style-type: none;
width: 100%;
height: 30px;
}
- bloc_page
{
width: 100%;
margin: 0px;
font-family: 'Trebuchet MS', Arial, sans-serif;
font-weight: bold;
font-size: 1.2em;
color: white;
}
Merci d'avance si vous avez le temps de m'aider 
