Ajustar capa dentro del body

[javiercitox]

Ufff... he leido bastante y no logro dar con esto.

tengo una capa oculta dentro del body que al presionar un boton llamo a una función js que le cambia la propiedad visibility para que se logre ver, hasta aquí cero problema, el problema es que esta capa tiene una imagen de fondo y posee las propiedades de alto y ancho al 100% y al hacer visible esta capa la imagen solo cubre parte de la pantalla, no completa como quiero que lo haga.

Código CSS:

#capaFondo1 {
    visibility:hidden;
    position: absolute;
    padding:0px;
    left:0px;
    top:0px;
    right:0px;
    bottom:0px;
    background-image:url(../images/fondotransparente.gif);
    background-repeat: repeat;
    width: 100%;
    height: 100%;   
    z-index:2;
}
 
html, body {
    margin-left: 0px;
    margin-top: 0px;
    z-index:1;
    width:100%;
    height:100%;
    background-color: #ffffff;
    color: #000000;
}
 

como logro ajustar la capa a todo el contenido del body????