ciao, nel body ho dei div cosi

<div id="Principale">

<div>.........</div>
<div>.........</div>
<div>.........</div>
<div>.........</div>

/div>

i vari div all'interno del PRINCIPALE hanno tutti la stessa larghezza ma variano di altezza in base al contenuto.

vorrei che stessero tutti dentro il PRINCIPALE sovrapposti e nascosti per poi visualizzarli con javascript però ho provato a sovrapporli usando il position:absolute ma facendo cosi mi sfasa l'altezza del body ed escono in basso non potendolo scrollare !!!

devo per forza utilizzare uno script che controlli l'altezza dei div dando poi l'altezza al body del documento ?