Iframes netscape og z-index

Hej

jeg har flere layers, med forskelligt z-index.
Et layer indeholder en iframe og skal og har lavere z-index, end de andre layers.

Det virker fint i IE , men i netscape6 liger iframen sig altid øverst

eksempel

KODE:

<html>
<head>
<LINK REL="stylesheet" type="text/css" HREF="css/style.css">
</head>
<body>


<DIV class="aiframe">
<iframe  src="iframe.html">
</iframe>
</DIV>



<DIV class="element">
safd
sdfasdfsdf

</DIV>

<DIV class="element2">
safd
sdfasdfsdf

</DIV>



</body>
</html>


CSS:

.aiframe{
z-index:50;
position:absolute;
left:30px;
top:100px;
}


.element{
left:50;
top:80px;
position:absolute;
z-index:100;
height:30px;
width:40px;
background-color:red;

}

.element2{
left:30;
top:60px;
position:absolute;
z-index:75;
height:30px;
width:40px;
background-color:blue;

}

nogle løsningsforslag så det også virker i NETSCAPE6