Menu déroulant css ne marche pas sous IE6

Salut à tous.

J'ai un menu déroulant en html et css.

Après tant de discorde, j'ai trouvé pour le rendre compatible sous IE8 et IE7, mais malheureusement pour moi, ce menu ne fonctionne pas sous IE6 (menu ne se déroule pas).

http://paysdetrie.fr/dev1/spip.php?page=index_orange

Voici les 3lignes de code qui introduisent mon fichier html:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE6"/>

Voici le code css de mon menu:

body
{
behavior: url(csshover.htc);/*étant donné que ie 6 et les versions plus anciennes n'interprètent pas les "hover", il faut insérer le fichier csshover.htc dans squelettes et l'appeler dans notre style css (forcer ie à interpréter les hover*/
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:url(img/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #ef8104;
border-right:2px solid #ef8104;
border-bottom:2px solid #ef8104;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(img/current-bg.gif) top left repeat-x;
color:#ef8104;
}

Quelqu'un a-t-il une idée?

Merci

Bonjour,

sur ie6 hover ne marche que sur les liens et pas sur les li.
Il faut utiliser un script pour cela : sfhover

tu utlises du js là pour que ça marche sur tous les navigateur et ie6 sans js faut voir ce tutoriel http://bormat2.free.fr/
en bas