Menu déroulant css qui ne fonctionne pas sous ie

Bonjour,

je travaille sur un site sous wordpress avec le theme agregado et le site pose quelques problèmes au niveau de la navigation css.

le site en question : http://www.servicevolontaire.com/beta

- sous firefox : affichage correct des sous-menus de niveau 1 et 2 -> OK
- sous ie : affichage des sous-menus de niveau 1 seulement -> PB
je sais pas pourquoi ça marche pas, est-ce un problème de z-index ?

autre problème identique sous firefox et ie :
si on clique sur le sous-menu : ice-réseau > nos partenaires > devenir partenaire,
le contenu ne s'affiche pas en haut du bloc mais plus bas dans le bloc
et là j'explique pas ce phénomène.

par exemple, en testant un autre menu : le volontariat > l'accompagnement d'ice > à l'envoi, là pas de problème.

y a que ce problème sur le premier menu, et je me rends compte que le menu développé rentre dans le contenu, ceci expliquant peut être cela.
mais comment remédier à ce problème ?

si quelqu'un peut m'aider ou m'aiguiller dans un sens.
merci d'avance.

à la louche, tu as des balises </li> qui ne sont pas fermées... ou plus exactement qui ne se ferme que plusieurs lignes après là où elles devraient se trouver.

et apparemment des erreurs w3c aussi :
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.servicevolontaire.com%2Fbeta%2F

essaie de corriger ces points déjà et tiens nous au courant

Bonjour,

j'ai déjà corrigé des balises ouvertes et manquantes
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.servicevolontaire.com%2Fbeta%2F

ce qui est troublant pour ma navigation, c'est qu'elle fonctionne sans problème en local sous firefox (pas de décalage dans le contenu qui descend) et qu'en ligne, il y a un super grand décalage

pour ie : aucun changement, ça marche pas

je vais regarder de plus près les balises <li>

pas besoin de préciser que je ne suis pas un expert en css et développement !

je joins une image pour montrer le décalage si ça peut aider.
merci