Le menu déroulant DHTML ne fonctionne pas dans IE7

Question

Nous venons de reconcevoir un de nos sites au travail avec notre nouveau CMS et avons des problèmes avec le menu déroulant DHTML dans IE7 et IE6.

http://www.ohiomagazine.com/Main/Home.aspx

Si vous testez dans IE7, vous verrez que le flydown est caché derrière le contenu en dessous. Mon collègue semble penser qu'il y a quelque chose qui ne va pas avec le CSS, alors que je crois que cela a à voir avec le JavaScript de Dieu. Le fait est qu'aucun de nous ne sait par où commencer et a besoin d'un peu d'aide de la part de la communauté.

Answer 1

rendre l'indice z du conteneur div du menu plus élevé que les autres divs. Voici un exemple. ("position: relative" est également nécessaire.)

#menuwrapper 
{ 
z-index:2; 
position:relative; 
} 

#otherdiv1 
{ 
position:relative; 
z-index:1; 
} 

#otherdiv2 
{ 
position:relative; 
z-index:1; 
}