ciao ragazzi, sto muovendo i primi passi coi fogli di stile e vorrei fare un sito cosi' composto:

la pagina viene divisa orizzontalmente in due aree:
- il corpo della pagina
- il pie' di pagina (in basso)

il corpo e' a sua volta suddiviso in 3 colonne.

io ho definito le classi #corpo e #piepagina ed ho messo l'attributo position: relative. in questo modo il pie di pagina e' in basso rispetto al corpo.

e fin qui tutto bene.

ma quando definisco le tre colonne (colonna1 colonna2 e colonna3) e metto position: absolute il pie di pagina mi ritorna in alto. perche'?? e come faccio a far si' che il pie' resti in basso?

l' xhtml e' cosi':

<div id="corpo">
<div id="colonna1">
........
</div>

<div id="colonna2">
</div>

<div id="colonna3">
</div>
</div>

<div id="piepagina>
</div>

ho letto dei tutorial ma non riesco a capire dove sbaglio. chi mi sa aiutare?

grazie!