Problemas con zIndex de las capas.

[NeoKaisser]

Hola a todos.

Tengo un problemilla con la propiedad z-index de las capas.

Pongamos que tengo una página html, super sencilla, con 3 ó 4 capas, es igual.

El caso es que yo me declaro los estilos de esta manera:

Código HTML:

           #Capa {
                      width:34px;
                       height:50px;
                       z-index:3;
                       left:20px;
                       top:30px;
            }

Y mediante javascript, recupero el valor de la propiedad z-index, así:

Código:

 zCapa=document.getElementById('Capa').style.zIndex;
 zCapa2=Capa.style.zIndex;

( De cualquiera de las dos manera obtengo el mismo resultado).

El resultado de la ejecución del código javascript es que mis capas tienen un valor de z-index igual a 0 ¿Por qué?.

Sin embargo, si en la declaración de la capa, añado el estilo con la propiedad z-index y ejecuto el mismo código javascript, el resultado es el esperado, obtengo los valores escritos para la propiedad z-index.

Código:

<div id="Capa" STYLE=z-index:3">Contenido de la capa </div>

Esto sólo me pasa con el explorer. Voy a probar con otros navegadores, pero lamentablemente, necesito que funcione para I.E y en concreto, para la versión 7 de este mágnifico navegador

A ver si alguien me puede explicar si he declarado mal los estilos, se puede realizar de otro modo ó que es lo que estoy haciendo mal.

Un saludo, muchas gracias.