Problème de menu déroulant sous IE5 (marche sous IE6 et FF)

Bonjour,

J'ai un problème de compatibilité avec Internet Explorer 5 pour l'affichage d'un menu déroulant.
Dans ce menu déroulant j'ai un certain de nombre lien qui s'affiche normalement avec IE6 et FF mais par contre avec IE5 c'est horrible les liens forment des boutons de taille immense

voici mon code:

<dl id="mon_menu">
  <dt onclick="javascript:montre('smenu1');"><img src="lang/<?echo $lang?>/images/menu_admin_btn.png"></dt>
    <dd id="smenu1">
      <ul>
        <li><a href="./users.php"><?echo $label_utilisateurs?></a></li>
	<li><a href="./lan_setup.php"><?echo $label_lan?></a></li>
        <li><a href="./wan_setup.php?wan=1"><?echo $label_wan1.$label_setup?></a></li>
	<li><a href="./wan_setup.php?wan=2"><?echo $label_wan2.$label_setup?></a></li>
	<li><a href="./routage.php"><?echo $label_routage?></a></li>
        <li><a href="./groupe.php"><?echo $label_groupe?></a></li>
	<li><a href="./planification.php"><?echo $label_planification?></a></li>
	<li><a href="./priorite.php"><?echo $label_priorite?></a></li>
        <li><a href="./services.php"><?echo $label_service?></a></li>
	<li><a href="./alerte.php"><?echo $label_alarme?></a></li>
	<li><a href="./settings.php"><?echo $label_parametre?></a></li>
     </ul>
   </dd>	
  <dt onclick="javascript:montre('smenu2');"><img src="lang/<?echo $lang?>/images/menu_exploitation_btn.png"></dt>
   <dd id="smenu2">
     <ul>       
        <li><a href="./monitoring.php"><?echo $label_monitoring?></a></li>
       	<li><a href="./rapport.php"><?echo $label_alerte?></a></li>        
     </ul>
   </dd>
<dt onclick="javascript:montre('smenu3');"><img src="lang/<?echo $lang?>/images/menu_lien_btn.png"></dt>
<dd id="smenu3">
<img  src="images/spacer.gif" height=4><br><center>
<?echo $label_wan1?> : <img name="image0" valign="center">&nbsp;

<?echo $label_wan2?> : <img name="image1" valign="center"></center>
</dd>   
</dl>

Voici mon css:

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#mon_menu {
position: absolute;
top: 10px;
left: -10px;
}
dl#mon_menu {
width: 16em;
}
dl#mon_menu dt {
cursor: pointer;
margin: 2px 15px;
height: 20px;
line-height: 10px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
}
dl#mon_menu dd {
border: 1px solid gray;
margin: 2px 15px;
}
dl#mon_menu li {
text-align: center;
background: #dfe4e8;
}
dl#mon_menu li a, dl#mon_menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
dl#mon_menu li a:hover, dl#mon_menu dt a:hover {
background: #fff;
}
#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}

Merci pour vos suggestions car là je vois pas trop!
Modifié par ladefaquerie (27 Jun 2006 - 10:46)

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation

Désolé , c'est vrai que j'ai pas respecté les règles mais j'étais un peu pressé.

Quelqu'un a t'il une idée pour mon problème?