Fermeture intempestive de menu déroulant sous IE

[Meeuuuhhh]

Bonjour,

Voilà je bidouille un menu déroulant, je pense avoir fini et pan ! Voilà IE qui fait des siennes...

J'explique :
Lorsque le menu se déroule, il y a en dessous d'autres div. Dans ces divs il y a des liens. Et bien le curseur interragit avec les liens des divs survolées par le menu déroulant et ça referme celui-ci, comme ça doit le faire normalement lorsque le curseur sort du menu déroulant.

Ca ne fait ça que sous IE ( ). A mon sens, c'est un problème javascript.

Je vous donne le code, si vous pouvez y faire quelque chose, ce sera sympa.

Dans les balises HEAD :

Code: Tout sélectionner

<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
   for (var i = 1; i<=10; i++) {
      if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
   }
if (d) {d.style.display='block';}
}
//-->
</script>

Code des listes déroulante :

Code: Tout sélectionner

<dl>         
<dt onmouseover="javascript:montre('smenu1');"><img src="visu/menu/annuaire.gif" height="16px" width="16px" alt="annuaire" > Annuaire</dt>
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="annuaire.php">choix par spécialités/pays</a></li>
<li><a href="annuaire-departement.php">choix par département</a></li>
</ul>
</dd>
</dl>

Merci d'avance

**edit**

Je viens de tester en enlevant le onmouseout="javascript:montre('');" dans les balises <dd>, donc là ça fonctionne bien, mais par contre le menu ne se ferme plus quand on le quite...

[Meeuuuhhh]

En fait c'est pas le problème, parce que j'ai enlevé les liens en dessous et ça le fait toujours.

Le truc c'est que rollover passe bien sur le premier <li> et dès que j'arrive sur le second, hop ça se referme (apparement, mais je dois encore tester).

[Meeuuuhhh]

Je précise que vous pouvez voir le résultat ici :

http://www.soins-nature.com/menu