Affichage IE avec div positionné absolu

Question

Je rencontre un problème d'affichage avec un div positionné absolu dans IE6 + IE7
J'essaie d'afficher un menu déroulant. ce menu déroulant est positionné en absolu.
maintenant dès qu'il y a un autre élément en dessous de ce menu qui a la position: relative, le menu déroulant absolu positionné est affiché derrière. cela se produit uniquement dans IE7 et 6 comme mentionné ci-dessus.

des idées sur la façon de résoudre ce problème?

Answer 1

La propriété css z-index est là pour vous permettre de définir quel objet doit être affiché "en haut". Définir les z-index pour tous les éléments de la quête (seule la liste déroulante devrait aussi fonctionner Je pense).

EDIT (selon le code fourni):

L'élément pour donner la propriété z-index est « l'élément le plus élevé avec un attribut de position que la div chevauchée ne fait pas partie de ce qui est de votre. exemple, donnez l'index z à menu_container ou ajoutez-le à l'en-tête et donnez l'en-tête position: relative (J'aime mieux cette dernière option car elle est moins susceptible de rompre avec les futurs changements de votre code HTML). est ainsi, dans IE6 et IE7 choses fonctionnent comme suit: actuellement absolute_div est au-dessus de tout dans menu_container, mais menu_container est ci-dessous relative_di v, donc absolute_div est aussi. La raison pour laquelle l'en-tête ne participe pas à cette histoire est que si aucun attribut de position n'est donné, ce qui est affiché à l'avant et ce qui est à l'arrière est calculé différemment.