Onglet de menu mal placé sous ie - help !

ben mon menu est comme ça :

<div id="menu">
<dl>
<dt><a href="presentation.php" title="">Présentation</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">Image 3D</dt>
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="affichage_photos.php?fichier_photos=3D_promotion">Promotion</a></li>
<li><a href="affichage_photos.php?fichier_photos=3D_industriel">Industriel</a></li>

</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">PAO</dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-menu 1</a></li>
<li><a href="#">Sous-menu 2</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">Vidéo</dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
<ul>
<li><a href="affichage_videos.php">les vidéos</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">Références</dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>
</ul>
</dd>
</dl>
<dl>
<dt><a href="contact.php">Contact</a></dt>
</dl>
</div>



et son css :


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
top: 0;
left: 0;
z-index:80;
width: 900px;
margin:auto;
}
#menu dl {
float: left;
width: 140px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
width: 140px;
}
#menu dd {
position:absolute;
display: none;
border: 1px solid gray;
width:140px;
bottom:0;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}






si tu vois une erreur ou une solution à m'apporter, je prends volontiers... :D

youhouuu !!

ça marche <3

merci beaucoup pour ta réponse et ta rapidité !!!

euuh, une petite chose avant (et puis je peux pas le mettre en résolu, je ne suis pas membre :s)

maintenant que j'ai mis le clear au menu, mes sous-menus sont décalés par rapport à mon menu, ils sont un demi onglet trop loin (à cheval entre le bon onglet et l'onglet suivant) :s

faut-il que je rajoute quelque chose pour rectifier ça ?