Tengo una pagina centrada de ancho 995px, definida en la capa contenido.
Con una cabecera fija con una imagen de ancho de 995px y alta 177px.
definida en la capa cabecera.
Si quiero poner una imagen con otra capa show01 dentro de la capa cabecera con en z-index.
Se ve bien la capa show01 con el navegador con la ventana al maximo pero si voy cerrando en navegador poco a poco la capa show01 se me desplaza.
Que debo hacer para que no se mueva la capa show01 dentro de la capa contenido.
El problema creo que lo tengo en la capa show01.
Pero no se que hacer.
Pongo el codigo css.
Código PHP:
body {
background : ffffff;
padding : 5px 0px 0px 0px;
}
#contenido {
margin : 0 auto;
background : url('img/fondo04.gif') repeat-y;
width : 995px;
z-index: 1;
}
#cabecera {
height : 177px;
background : url('img/cabecera03.gif');
z-index: 2;
}
#show01
{
position:absolute;
overflow:hidden;
background : url('img/show1.jpg');
left:100px;
top:55px;
width:113px;
height:100px;
z-index:3;
}