Menu et transparence

Bonjour à tous,
Je cherche à mettre en place un menu designé par une liste. Il y a un peu de transparence qui fonctionne bien sous FF mais pas sous IE. Voici le code CSS et le résultat à l'url http://www.arthemys.org/test/

ul#navlist li a
{
display: block;
text-decoration: none;
background-image: url(blanc.gif);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
filter:alpha(opacity=30);
color:black;
padding-left: 225px;
margin-bottom: 1px;
}

ul#navlist li#active a
{
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
filter:alpha(opacity=70);
}


ul#navlist li a:hover, ul#navlist li#active a:hover
{
color:white;
background-image: none;
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
filter:alpha(opacity=100);
}

Après plusieurs tests et recherches, je n'arrive pas à obtenir le résultat de FF sous IE.
Merci, par avance, de votre aide.

Maxime.

Il faut donner un layout à tes liens pour que la transparence marche,
rajoute zoom: 1 dans ul#navlist li a

Sans trop que je ne comprenne rien à ta réponse, ça fonctionne...
Merci beaucoup.

Peux-tu me donner des détails sur le pourquoi du comment ou seulement un lien qui pourrait me faire me coucher moins bête ?

Le concept du haslayout est quelque chose d'assez étrange et peu compréhensible. De nombreux bugs ie viennent de là, chez des éléments qui n'ont pas le "haslayout".

J'ai trouvé ce lien qui peut t'en apprendre un peu plus

Sinon, un petite recherche sur Google ou sur ce formum devrait répondre à tes questions