z-index naum funciona no IE

olá.. existe um tópico exatamente com o mesmo título que eu coloquei...

porém.. dúvida do cara era sobre campos select.. e o meu é div sobre div mesmo...

pa_bruno, antes que você diga que o pessoal não usa a busca.. eu busquei um monte aqui no fórum e não achei nada com o que eu quero.. olhei em artigos também.. mas não achei..

tenho o seguindo HTML com PHP:

<div id="area"> <div class="doces" onclick="showDoce('<?=$row['id']?>')"> <span class="doces">» </span><?=$row['nome']?> </div> <div id="mostra_doce_<?=$row['id']?>" class="mostra_doce" style="display:none;"> <?="<br />"."<img src=\"doces/".$row['foto']."\" alt=\"".$row['nome']."\" /><br /><br />".nl2br($row['texto'])?> </div> </div>meu css está assim:

div.doces, .mostra_doce { border: none; font-family: tahoma,verdana; font-size: 11px; color: #666; position:relative; width:240px; margin:2px 0; cursor:pointer;}.mostra_doce { position:absolute; cursor:default; width:235px; padding:2px 2px 10px; margin:2px 2px 20px; background-color:#FBFBFB; text-align:center; border-bottom:solid 1px #999; border-right:solid 1px #999; z-index:10;}span.doces { color:#F30; }#area { position:relative; width:240px; float:left; }

no FF funciona perfeito.. porém.. no IE o z-index não funciona!!

estou fazendo algo errado??