Ciao a tutti

Mi sto avvicinando ora all'uso dei tag <div> ma ho qualche problema.

Il mio esperimento:
//l'index

<div id="intestazione">Titolo</div>
<div>
<div id="laterale">Menù</div>
<div id="corpo">Testo</div>
<div id="fondopagina">CopyRight</div>

//il css

div {
font-family:verdana;
font-size:11px;
background-color:#c8c8c8;
width: 900px;
}
div#intestazione {
background: url(../images/logopro.gif) 0px 0px no-repeat;
width: 900px;
height: 90px;
text-align:left;
}
div#laterale {
position: absolute;
width: 240px;
}
div#corpo {
position: absolute;
width: 660px;
left: 250px;
text-align:left;

}
div#fondopagina {
width: 900px;
}


Però il fondopagina viene visualizzato male...perché?

In oltre come faccio a far spostare il fondopagina man mano che il corpo si allunga?

PS: faccio bene a usare "position: absolute"?

Grazie
Valerio