Menu deroulant css : probleme avec IE6

Bonjour à tous,

Je bloque sur un problème rencontré avec IE6 uniquement sur un menu deroulant horizontal. Le script marche très bien avec Opera, IE7, FF2.
Quelqu'un aurait-il la solution ? Je pense que c'est un problème de position absolute ou relative mais j'arrive pas à m'en sortir. Merci par avance pour votre aide.

#menu{width: 998px; height: 25px; list-style-type: none; top: 0; left: 0; margin: 0px; padding: 0px; background-image:url(/new/navbar_bg.png); border:1px solid #FFF;}
#menu li {float: left;}
#menu a:link, #menu a:visited{display: block;	background-image:url(/new/navbar_bg.png); color: #FFF;	padding: 5px 8px 5px 8px; font:12px Geneva, Arial, Helvetica, sans-serif;	text-decoration: none;	font-weight:bolder;}
#menu .submenu {border-right: 1px solid #FFF;}
#menu a:hover {display: block; color: #ff6600; background-color: #005DEA; background-image: none;}
#menu .sousmenu {display: none; list-style-type: none; margin:0px; padding:0px; border: 1px solid #FFF; position: absolute; font-weight:normal;}
#menu .sousmenu li{float: none; text-align:left; white-space:nowrap; font-weight:normal;}
#menu .sousmenu a:link, #menu .sousmenu a:visited{display: block;	color: #FFF; text-decoration: none;	background: #0066FF; background-image: none; font-weight:normal;}
#menu .sousmenu a:hover{background-image: none; color: #FFF; background-color: #1E78FF;}
#menu li:hover > .sousmenu { display: block; position: absolute;}

	<div id="nav">
	<ul id="menu">
		<li class="submenu">
			<a href="/">Accueil</a>
		</li>
		<li class="submenu">
			<a href="#">YYYYYYYYYYYYY</a>

			<ul class="sousmenu">
				<li><a href="/gfdgfdg">A1</a></li>
				<li><a href="/gfdgfdgf">A2</a></li>
				<li><a href="/gfdgfdgfd">A3</a></li>
			</ul>
		</li>

			<li class="submenu">
			<a href="#">XXXXXXXXX</a>
			<ul class="sousmenu">
				<li><a href="/fdsfds">B1</a></li>
				<li><a href="/gfdg">B2</a></li>
				<li><a href="/fgd">B3</a></li>
			</ul>
		</li>
	</ul>

</div>

Modifié par divine99 (13 Jan 2008 - 10:52)

Salut divine99 ,

le problème vient du fait que IE6 n'interprète le hover que sur les liens. li:hover ne sera donc pas reconnu !
Même problème pour le sélecteur d'enfant > .

A+

Edit: après avoir lu cet article : L'accessibilité des menus de navigation en cascade, tu pourras jeter un oeil sur le site de fairytells
Modifié par Heyoan (13 Jan 2008 - 14:00)

J'avoue ne pas être très sensibilisé à l'accessibilité ! Sauf qu'avec encore du javascript, çà peut emmerder d'un autre coté ceux qui ont du js désactivé non ?

tu peux faire de tel sorte que tes sous menu soit masquée grace au JS au chargement de la page.Et donc pour ceux qui ont le JS desactivé il verront tout les sous meunu puisque c'est dernier sont cencés etre cachés par le JS