Probleme de sous-menus (3e niveau) en CSS avec IE

Sur ce site : http://www.oxez.net/bb/ , j'ai mit un sous-menu à trois niveaux.

J'ai utiliser Prototype, et une version que j'ai modifiée du script qui change les noms de classe sur IE pour que les li:hover devienne li.over.

Ca a l'air de fonctionner correctement, SAUF que:

Sur IE (version 6 sur PC), Si on va dans un sous-menu de 3e niveau (Dans mon cas: Entreprise -> Mission), il y a un espace qui se crée en dessous de Mission. Ca fait quelques jours que j'essaie de trouver "pourquoi", et ca a rien donné de bon...

Quelqu'un a une idée? (En passant, je sais que le code CSS est un peu répétitif pour le menu, mais le ménage se fera par la suite, pour le moment c'est la fonctionalité qui compte vraiment..)

Merci!

Le "holy-hack" a fonctionné ici:

* html #menu li ul li { float: left; height: 1%; }
* html #menu li ul li a { height: 1%; }

Cependant, ca n'a pas fonctionne sur IE7

Bonjour,

C'est justement entre-autres pour cette raison (mais ce n'est pas la seule) que les hacks CSS sont abandonnés pour IE au profit des commentaires conditionnels (voir FAQ du forum)
Modifié par Laurent Denis (04 Aug 2006 - 15:54)