Hjælp søges: CSS overlay i Facebook Tab Iframe

Hej Aminoer

Jeg sidder og forsøger at lave et CSS overlay inden i en iframe, og har fundet frem til denne kode, som virker perfekt i alle browsere - bortset fra Internet Explorer:

.overlay{
background:transparent url(overlay.png) no-repeat;
position:fixed;
top:8px;
bottom:0px;
left:8px;
right:0px;
z-index:100;
position: absolute;
}

<div class="overlay" id="overlay"></div>  

Det er sikkert fordi at Internet Explorer ikke understøtter z-index eller lignende. Guides rundt omkring på nettet siger, at en løsning kan være at ændre i CSS´en i Parent-siden, men da parent-siden er Facebook, har jeg ikke ligefrem mulighed for dette.  Er der nogen af jer, som - evt. mod betaling - kan levere en løsning, som virker i IE7, IE8 og IE9 samt diverse andre browsere?