Div transparente cliquable et IE

Bonjour à tous,

je vous explique mon soucis :

j'ai ce code :

<li>
     <img class="imageCarrousel" src="images/48.jpg" alt="" height="217" width="535"/>          
     <div class="lof-main-item-desc">
	 <h3>Perspectives 2011</h3>
	 <p>Nouvelles technologies, changements de mod&egrave;les, d&eacute;couvrez l'ann&eacute;e 2011 vue par les experts de Solucom.</p> 
      </div>
      <div class="onclick_img" onclick="window.location.href='index8.html';"></div>		
</li>

avec le css correspondant :

.imageCarrousel {
	z-index:1;
}

.lof-main-item-desc{
	z-index:2;
	position:absolute;
	top:30px;
	left:1px;
	width:150px;
	height:160px;
	background-color:white;
	opacity:.7;
}
.onclick_img {
	cursor: pointer;
	/*padding: 30px 0px 0px 1px;*/
	position: absolute;
	width: 532px;
	height: 217px;
	z-index: 2000;
	bottom: 0px;
	overflow:auto;
	background:transparent;
}

Ce qui donne ceci :



Ma div "img_onclick" permet de faire mon lien vers la page index8.html via javascript. Sous chrome et firefox ça fonctionne bien mais sous ie9 cette div prend la taille de la div "lof-main-item-desc".

Je ne trouve pas de solution alors si quelqu'un pouvais m'aider svp !

Merci