Positionnemnt relative absolue

Bonjour à tous,
J’ai un problème au niveau de mon menu sous ie6/ie7,
En fait, j'ai une puce en position absolute dans un lien en position relative. On cliquant sur la puce il va apparaitre une liste

Voici l'image


Cette liste est également en position absolute,
Le problème que sur ie6/ie7, la liste apparait sous le lien suivant. J’ai essayé d'ajouter un z-inedx avec jquery ca marche parfaitement mais lorsque j'ai ajouté un autre niveau j'ai eu le même problème,
Pourriez-vous me donner votre avis et merci,

Bonjour,

Bug dans l'interprétation de z-index par IE 6 et 7 pour les éléments qui ont un ancêtre positionné; corrigé dans IE8. On peut pas y faire grand chose.

Une solution est de manipuler les z-index en jQuery (ou plus simplement, ajouter/enlever des classes et gérer le reste dans la feuille de styles). Il faudrait que toutes tes lignes soient en position:relative avec un z-index identique. Puis, quand tu ouvres un menu, il faut rajouter une classe à la ligne, et côté CSS il faut attribuer un z-index supérieur à cette classe. Exemple:

#machin li {
  position: relative;
  z-index: 50;
}
#machin li.top {
  z-index: 51;
}

Super , le problème est résolu .
merci pour la réponse .