2 Capas superpuestas con el mismo tamaño automatico

[gdecaceresr]

Hola a todos tengo el siguiente problema:

tengo 2 capas en la misma posicion, todo correcto se muestran u ocultan perfectamente.

Mi problema viene cuando la capa que por defecto viene oculta, tiene mas información y es mas larga, porque se monta en el pie de pagina continua creciendo...

¿Alguien sabria como decirme que las 2 cojan al mostrarse su tamaño automaticamente si montarse encima de nada?

CAPA1:

Código HTML:

<div id="capaRE1" style="position:relative; float:left; margin-top:0px; background-color:#f3f3f3; width:736px; border-left: 1px solid #000; border-right: 1px solid #000;  border-bottom: 1px solid #000;">
</div>
 

CAPA2:

Código HTML:

<div id="capaRE2" style="position:absolute; float:left; margin-top:34px; background-color:#f3f3f3; width:736px;  border-left: 1px solid #000; border-right: 1px solid #000;  border-bottom: 1px solid #000; visibility:hidden;">
 

repito el problema:
si la CAPA 2 CONTIENE mas texto que la primera, al mostrarse se monta encima del pie de pagina.

Otro problem que he tenido jugando es que consigo que la 2 no se monte, pero a la primera le keda un espacio abajo enorme en blanco cosa que no queda muy bonita