[Ovillo] Un DIV sobre otro y luego oculto

[Reynier Perez Mira]

Hola por aquí:
Necesito poner 4 DIV's uno encima del otro, todos en la misma posicion. Cuando pase el mouse sobre una imagen entonces me aparece uno u otro en dependencia de la imagen seleccionada (esto es Javascript, lo pienso hacer usando script.aculo.us) pero bueno la pregunta con CSS es como poner los DIV uno encima de otro porque los he puesto asi:

<div class="resumen_proyecto" id="auto">
	<h1>Simulador de conducción</h1>
</div>
<div class="resumen_proyecto" id="teorico">
	<h1>Simulador de conducción</h1>
</div>
<div class="resumen_proyecto" id="tiro">
	<h1>Simulador de conducción</h1>
</div>
<div class="resumen_proyecto" id="quirurgico">
	<h1>Simulador de conducción</h1>
</div>
<div class="resumen_proyecto" id="juego">
	<h1>Simulador de conducción</h1>
</div>

Y luego en el CSS algo como esto:
#teorico, #tiro, #quirurgico, #juego { visibility: hidden; top: 0; left: 0; }

Pero no me funciona pues cada DIV me ocupa el tamaño de su contenido y no es eso lo que quiero. Supongan que cada uno de los DIV tenga 140px de alto. Entonces lo que quiero es posicionar los 5 de forma tal que el alto sea 140px y no 540 como me lo esta haciendo aún así ocultando los 4 restantes. Alguien me puede dar una ayuda?

Salu2
-- 
ReynierPM | Linux User:#310201 Hay dos cosas infinitas: el Universo y la estupidez humana. Y del Universo no estoy seguro.