Help d'urgence avec compatibilité menu déroulant

J'ai utilisé le menu déroulant horizontal disponible à cette adresse : http://css.alsacreations.com/Construction-de-menus-en-CSS/Un-menu-deroulant-en-CSS-et-XHTML-vertical-et-horizontal[/url]


J'ai réussi à le personnalisé. Seul problème, et pas des moindre, ce menu me joue des tours sur IE: il je en peux pas descendre dans le sous menu sans qu'il ne disparaisse automatiquement.
Je suppose que ce problème viens du JavaScript mais ne sais comment l'adapter pour IE. Je ne rencontre aucun problème sur les autres navigateurs.

Please help me, c'est pour un examen final

Bonjour a toi aussi ,
peut etre pourrait tu donner une url ou du code pour que l'on voit un peu mieux d'ou peut venir le probleme

A+

Merci d'avoir répondu si vite,

voici le code dans ma page html:

<div id="menu">
	<dl>			
	<dt id="mail" onmouseover="javascript:montre('smenu5');"><a href="mailto:doidy.pierre@freesurf.ch">Contact</a></dt>
	</dl>
	
	<dl>			
		<dt onmouseover="javascript:montre('smenu4');">Club 300</dt>
		<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
			<ul>
				<li><a href="#">Présentation</a></li>
				<li><a href="#">Membres</a></li>
				<li><a href="#">Adhésion</a></li>
		  </ul>
		</dd>
	</dl>
	
	<dl>			
		<dt onmouseover="javascript:montre('smenu3');">Agenda</dt>

		<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
			<ul>
				<li><a href="#">News</a></li>
				<li><a href="#">2006</a></li>
		  </ul>
		</dd>
	</dl>
	
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu2');">Tournois</dt>

			<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
			<ul>
				<li><a href="#">Historique</a></li>
				<li><a href="#">2006</a></li>
			</ul>

			</dd>
	</dl>
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu1');">Le Club</dt>
			<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
			<ul>

				<li><a href="#">Présentation</a></li>
				<li><a href="#">Comité</a></li>
				<li><a href="#">Membres</a></li>
				<li><a href="#">Photos</a></li>
			</ul>

			</dd>
	</dl>
  </div>

et voici celui de ma CSS:

/* menu déroulant */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
z-index:30;
position: absolute;
width:800px;

}

#menu dl {
float: right;
width: 8em;
}

#menu dt {
cursor: pointer;
text-align: left;
font-weight: bold;
font-size:13px;
background-color: #ffffff;
margin: 1px;
}

#menu dd {
display: none;
}

#menu li {
text-align: left;
font-size:11px;
}

#menu li a, #menu dt a {
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 {
color: #FF6F0F;
}

#menu dd a:link {
color: #5888C6;
}

le Javascript et exactement le même que celui donné sur le site que j'ai mis en feuille externe.


Merci de votre aide
Modifié par emdie (06 Jun 2006 - 16:10)

Ok, c'est fait

Bon, quelques résultats de tests supplémentaires:

- avec beaucoup de craintes, j'ai changé le positionnement du conteneur du menu en absolute, mais ça n'a rien changé sous IE...

- en appliquant un onmouseout sur le sous-menu1 pour faire apparaître le sous-menu2, je me rends compte que le sous-menu2 s'affiche lorsque je survole le sous-menu1;

- conclusion: IE sort de l'arborescence dd>ul>li pour une raison qui m'est inconnue.

Là où ça se corse, c'est que j'ai imaginé cette solution: appliquer au sous-menu un onmouseout qui le fasse apparaître, et, sur le contenu de la page, un onmouseover qui cache tous les sous-menus. Sauf qu'on est revenu au point de départ...

Le positionnement en absolu se place par rapport au dernier élément positionné. Autrement dit, il fait reférence au dernier position:relative, et si tout est dans le flux normal, il remontera à body.

Une page en ligne aiderai pas mal...

A+