Div posizionati in modo assoluto che si sovrappongono

[micia]

Ciao a tutti,
ho questo problema.
Ho creato una pagina web con dei div posizionati in modo assoulto.
I div della testata, del menu ed altri blocchi che mi servono li ho posizionati ad una certa distanza dal top, mentre il div del footer l'ho posizionato a bottom=0.
Ma il div del footer mi si sovrappone agli altri div dei vari blocchi, anche se ho messo l'altezza in tutti, io invece vorrei che mi comparissero le barre laterali se l'altezza non ci sta in verticale nella finestra.
Non so se mi son spiegata bene...

Grazie!

[ResianTaxidrive]

ma se togli tutti i posizionamenti assoluti non ottieni quello che vuoi?

[micia]

Mi servono i posizionamenti assoluti perchè sto usando lo z-index per posizionare il logo.
Ti posto il codice:

<div id="container">
<div class="testata"></div>
<div id="logo">[img]img_ico/logo.png[/img]</div>
<div id="wrapper">
<div id="slider-wrapper">
<div id="slider" class="nivoSlider">
[img]images/img1.jpg[/img]
[img]images/img2.jpg[/img]
[img]images/img3.jpg[/img]
</div>
</div>
</div>
<div class="menu"></div>
<div class="blocco1" style="background:green;">
<div class="bannerPubblicita"></div>
</div>
<div class="spazioFooter"></div>
<div class="sfFooter"></div>
</div>


Css:
body, html {
margin: 0;
background: #FFF;
height:100%;
}
a img {
border: 0;
}
#container {
width: 1000px;
height:100%;
margin:auto;
clear:both;
position:relative;
}
.testata {
background: #ffc21d;
width: 100%;
height:36px;
text-align:right;
border-bottom: solid 7px #FFF;
z-index:1;
position:absolute;
}
#logo {
position: absolute;
top: 0;
left: 30px;
z-index:100;
}
.menu {
background: url(img_ico/sfmenu.gif) repeat-x top center;
width: 100%;
height:41px;
position: absolute;
top: 270px;
}
.blocco1 {
position: absolute;
top: 330px;
width:100%;
height:240px;
}
.blocco2 {
position: absolute;
top: 586px;
}
.blocco3 {
position: absolute;
top: 807px;
}
.sfFooter {
background: url(img_ico/sfFooter.gif) repeat-x bottom center;
width: 100%;
height:210px;
position: absolute;
bottom: 0;
}
.spazioFooter {
width: 100%;
height:35px;
position: absolute;
bottom: 210px;
}
.bannerPubblicita {
background:#C30;
width:240px;
height:240px;
}