Problema con z-indez

[spank777]

Bueno creo ke esto ya se a posteado varias veces pero tengo un problema con el css. Tengo un div donde tengo una animacion en flash y sobre ellos pongo unas imagenes y un texto para iniciar sesion en FireFox funciona bien pero en IE 6,7 y 8 no se ve como deberia

<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:960px;
height:177px;
margin: auto;
z-index:-1;
}
#apDiv2 {
position:absolute;
left:20px;
top:92px;
width:252px;
height:91px;
z-index:9;
margin: auto;
}
#apDiv3 {
position:absolute;
left:170px;
top:26px;
width:786px;
height:46px;
z-index:9;
margin: auto;
}
#apDiv4 {
position:absolute;
left:818px;
top:106px;
width:117px;
height:46px;
z-index:9;
margin: auto;
}
-->
</style>

ya utilize los hack ke tanto se mencionan en otras paginas pero ni asi funcio ya hasta antepuse el . * y # en el z-index que segun eso son para ke funcionen con ciertas versiones de los navegadores. Espero sus respuestas y gracias de antemano