Problème de balise DL sous IE et espacement

Bonjour à tous,

Sur mon site, je fais un menu en utilisant les listes HTML afin de faire un menu masquant/affichant des sous-menu.
Sous Firefox pas de problème, le menu s'affiche correctement, par contre sous IE, un espace supplémentaire apparait en fin de liste (gênant car lui est appliqué un background).

Je comprend pas vu que j'ai bien positionné les padding et margin à 0 ...

Voilà le code HTML :

    <div id="branding" style="position:absolute; visibility:show;">

<dl id="menu">

        <dt><img src="images/hautmenu.gif" height="24" width="155"/></dt>
        <dt></dt>
		<dt onmouseover="javascript:montre('smenu1');" style="padding-left:15px;cursor:pointer;"><p class="flag"><img src="images/point.gif" height="18" width="17" /><span>Grossesse</span></p></dt>

			<dd id="smenu1">
				<ul>
					<li><a href="grossesse_first.php" class="menu">1er Trimestre</a></li>
					<li><a href="grossesse_first_2.php" class="menu">2ème Trimestre</a></li>
					<li><a href="grossesse_first_3.php" class="menu">3ème Trimestre</a></li>
				</ul>
			</dd>		

		<dt onmouseover="javascript:montre('smenu3');" style="padding-left:15px;cursor:pointer;"><p class="flag"><img src="images/point.gif" height="18" width="17" /><span>Photos</span></p></dt>

			<dd id="smenu3">
				<ul>
				    <li><a href="gallery_flash/armand.php?gallerie=naissanceArmand&hidemenu=" class="menu">Naissance</a></li>
					<li><a href="gallery_flash/armand.php?gallerie=bebeArmand01m&hidemenu=" class="menu">0-1 mois</a></li>
					<li><a href="gallery_flash/armand.php?gallerie=bebeArmand13m&hidemenu=" class="menu">1-3 mois</a></li>				
                </ul>
			</dd>

		<dt onmouseover="javascript:montre('');" style="padding-left:15px;"><p class="flag"><img src="images/point.gif" height="18" width="17"/><span><a href="videoArmand.php" class="menu">Vidéos</a></span></p></dt>
		<dt></dt>
		<dt><img src="images/basmenu.gif" height="83" width="155" /></dt>
</dl>

       </div>

et la CSS :

p { 
   margin: 0.1em; 
}

p.flag img, span { 
   vertical-align: middle;
   display: inline-block; 
}

p.flag span { 
   padding-left: 5px; 
}

dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family: Arial, Helvetica, sans-serif;		
    color: #3e5667;
}

dl {
      background-image: url('images/fondmenu_bis.gif');
      background-position: center center;
      background-repeat: repeat-y;
}

#menu {
    position: absolute; /* placement du menu, à modifier selon vos besoins */
    top: 0;
    left: 0;
    width: 155px;
}

#menu dt {
    height: 20px;
    line-height: 20px;
    text-align: left;
    border: 0px;
    font-size: 12px;  
}

#menu dd {
    border: 1px solid white;
    width: 100px;
    margin: 0 0 0 40px;
    background-color: #fff; 
   	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity:0.60;     
}

#menu li {
    text-align: left;
    background-color: #fff;
    padding: 0 0 0 5px;
}

#menu li a, #menu dt a {
    cursor: pointer;
    text-decoration: none;
    border: 0 none;
    height: 100%;
}

#menu dt a {
    display: inline;
}

#menu li a {
    font-size: 10px;
    display: block;
}

#menu li a:hover {
    background-color: #ffe4b5;
}

#menu dt a:hover {
    background-color: none;
}

MErci d'avance de votre aide : j'arrête pas de chercher un problème similaire sur le web, mais rien pour m'aider !