Posición absoluta en ie6

[cotarola]

Hola amigos, tengo un problema... resulta que en mi sitio coloqué un div en posición absoluta left:0px; top:0px; en z-index:1; para que me funcionara de fondo y otra capa exactamente igual pero con el z-index:2; para que se sobrepusiera delante de ella... en firefox, ie8, opera y safari funciona genial, pero en ie6 y ie7 me carga la segunda al centro de la primera... digamos que a los 300px a la derecha, cosa que no quiero ni necesito y como entenderán se ve horrible... alguien sabe como ayudarme??? y... por que inventaron el Internet explorer???


Adjunto códigos CSS

#fondo {
position:absolute;
height:115px;
z-index:1;
left: 0px;
top: 0px;
width:100%;
height:116px;
float:left;
}
#sobre {
width:100%;
height:100%;
margin:0 auto;
text-align:center;
z-index:2;
position:absolute;
left:0px;
top:0px;
}

Por favor, alguien que se apiade de mi

[inyaka]

pon el link de la pagina con problema



PD. no te confundas, no tengo piedad ni sentimientos por el estilo, espero que no te moleste XD

[kseso?]

Los códigos suelen tener su lógica, de piedad andan escasos.
Tienes el ya famoso error Descubierto por JavierB:
La línea 13 del html está mal la 33 del css.

Además, hablando de lógica:

#fondo {
position:absolute;
height:115px;
left: 0px;
top: 0px;
width:100%;
height:116px;
float:left;

#sobre {
margin:0 auto;
position:absolute;
left:0px;
top:0px;
}

[cristian_cena]

Voto el tema, y me sumo a la consulta.
... a lo mejor tu problema tenga que ver con los "parientes posicionados en IE6/7" http://www.elwebmaster.com/articulos...piedad-z-index

[deirdre]

Hola cotarola

Aparte de los buenos comentarios que ya te han hecho, al #sobre le 'sobra' el margin:0 auto;

#sobre {
width:100%;
height:100%;
margin:0 auto; ELIMINA ESTO (no tiene sentido si va al 100% y además en absolute)
text-align:center;
z-index:2;
position:absolute;
left:0px;
top:0px;
}

Pero sin ver tu código completo es bien difícil.

Bye

[jomaruro]

Hola:

Iniciado por kseso?

Tienes el ya famoso error Descubierto por JavierB:
La línea 13 del html está mal la 33 del css.

Propongo un premio a JavierB por haber descubierto de golpe todos los errores de las hojas de estilo y del html.

Saludos.