Tout le menu est trop bas dans IE...

Bonjour,

Je ne comprends pas pourquoi tout mon menu ne se positionne pas au meme endroit dans IE (toutes versions) que dans les autres naviagateurs, il devrait être aligné au titre "l'impact etc...", or il est une dizaine de px trop bas:

une page en exemple: http://www.egalite.ch/campagnes.html
les captures de browsershots pour comparer rapidement : http://browsershots.org/http://www.egalite.ch/campagnes.html


un bout de css:

#header a{
//le logo
display:block;
width: 100%;
height: 86px; 
}

#col_gauche{
width: 176px;
float:left;
}

#col_droite{
margin-left: 187px;
}

#entete{
// le bout de texte foncé en haut de la colonne droite
color:#3f3b3f;
height:187px;
}


#rubrique{
//le carré de couleur
margin-bottom: 11px;
}

#menu{
width: 160px;
font-size: 90%;
}

#menu dfn{
display:none;
}

#menu ul{
text-transform: uppercase;
margin-bottom: 22px;
}

#menu ul li ul li ul li {
margin-left:11px;
text-transform: none;
}

#menu a{
color: #8c8c8c;
text-decoration: none;
}

#menu a:hover{
color: #8c8c8c;
background-color:#CCFF00;
}

#menu a.currentpage{
color: #3F3B3F;
}

J'utilise le reset.css de Meyer, et à part 11px de margin bottom sur le carré de couleur, il n'y a rien...

Quelqu'un aurait-il une solution à me proposer pour régler ça?

Merci d'avance
Modifié par firfelin (05 Sep 2007 - 12:29)