Problème d'affichage d'une div sous IE6/7 [Résolu]

Bonjour,

Comme l'indique le titre j'ai un petit soucis d'affichage d'une <div> sous IE6/7.
Je m'explique : j'ai une série de <div class="item">, à peu près 16 divs, qui ont comme style : float:left, width:200px et position:relative. Dans chacune de ces <div class="item"> j'ai une autre <div class="more"> qui est en position absolute, qui fait 600px de largeur et qui vient se positionner par rapport à la <div> parente, c'est à dire <div class="item">.

Ensuite avec du javascript au clic de la div.item je fais apparaitre la div.more correspondante, qui recouvre donc 3 div.item (sur chaque ligne selon la résolution d'écran j'ai 4/5 div.item).

Sur Firefox, Safari et Chrome aucun souci d'affichage mais sous IE6/7 la div.more passe en dessous des autres div.item, alors que j'ai ajouté un z-index sur la div.more.

Voilà, si vous avez une solution à me proposer, sinon j'essaierai de poster une impression d'écran dès que je peux.
Modifié par Jayyy (28 Dec 2009 - 18:18)

IE 6 et 7 ont du mal avec une accumulation d'éléments positionnés en absolu combinés à des z-index. Cet article en anglais en parle très bien.

Merci pour ta réponse, j'ai utilisé la méthode de l'article pour corriger ce bug d'affichage, en rajoutant un peu de javascript, qui permet de mettre un z-index, sur l'élément sélectionné (div.item), supérieur à tous les autres éléments (div.more) et ça fonctionne plutôt pas mal.