Problème sous different navigateur

Bonjours,

Je vien de coder un site et j'ai un petit problème.

J'ai creez un menu horizontale qui est positionné tout en haut de la page web (pour exemple vous pouvez allez voir sur le blog de emob).

Sous ce menu, tout mon site positionné 200px plus loin.

Lorsque je teste mon site sous IE7 aucun problème mais lorsque je test mon site sous Firefox le menu haut du site se retrouve a 200px (alors que normalement il se trouvent en haut et qu'il y a après lui un écart de 200px).

Voici le code Html:

<div id="nav-haut">
<a href="#"><img class="header" src="images/nomteam.jpg" width="256" height="44" /></a>
<a class="barre" href="#">blog</a>
<a class="barre" href="#">Formation</a>
<a class="barre" href="#">Weecast</a>
<a class="barre" href="#">contact</a>
<a class="barre" href="#">annoncer</a>
</div>

Voici le code CSS:

#nav-haut {
}

#nav-haut img.header {
display:block;
float:left;
}

#nav-haut a.barre {
background:url(images/nav-h.jpg) no-repeat;
width:128px;
height:44px;
display:block;
float:left;
line-height:44px;
text-align:center;
}

#nav-haut a.barre:hover{
background:url(images/nav-h2.jpg) no-repeat;
width:128px;
height:44px;
}

#site {
margin-top:200px;
}