Z-index et IE

Bonjour,

J'ai un petit problème que je n'arrive pas à résoudre sous IE. Je m'explique. J'ai 3 div qui se superpose, et je souhaiterais au passage de la souris faire afficher une de ses divs (c'est gérer en jQuery). Aucun problème sous les navigateurs FF, Chrome ou Safari, mais pas sous IE.

Code HTML :

<div class="browse-affichage-produit">
	<img src="images/template/browse1.jpg">
	 <div class="appercu-produit-hidden"> 
            <div class="appercu-produit"> Tailles : XS - S - M - L <br><br>
              Photos : 
              <ul class="appercu-produit-photos">
                <li class="photos-appercu"><a href="images/template/browse3.jpg">1</a></li>
                <li><a href="images/template/browse2.jpg">2</a></li>
                <li><a href="images/template/browse3.jpg">3</a></li>
                <li><a href="images/template/browse4.jpg">4</a></li>
              </ul>
              <br>
              <a href="#">Appercu</a> </div>
          </div>
	<div id="affichage-produit-descriptif">
                  Infos
	</div>

Et voici le css

.browse-affichage-produit img {
	position: relative;
	width: 216px;
	height: 278px;
	z-index: 10;
}

.appercu-produit-hidden {
	position: relative;
	height: 90px;	
	margin-top: -92px;
	z-index: 100;
}

.appercu-produit {
	display: none;
	position: relative;
	background: #000;
	color: #FFF;
	width: 206px;
	height: 80px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	padding: 10px 0 0 10px;
	z-index: 100;
}

Lorsque je spécifie un background à ma class ".appercu-produit-hidden" aucun soucis, mais je n'en veux pas, j'ai donc essayer background: transparent.
Rien à faire, lorsque je passe la souris sur la div, mon selecteur jQuery ne trouve pas la div sous IE.

Merci d'avance
Modifié par hype (05 Jul 2010 - 17:06)

Il n'y apparemment pas de solutions, après avoir chercher pendant plusieurs heures.
J'ai donc procéder autrement :s, le rendu n'est pas exactement celui voulu, mais pas grave.