[css] allineare div in fondo alla pagina

Ciao!
Nella mia pagina ho un primo div che contiene l'intestazione, poi ne ho 2 affiancati, quello di sinistra (meno largo) contiene il menù, mentre l'altro contiene il contenuto.
Allorchè, volevo inserirne uno per la foother, ma non riesco a posizionarlo in basso, e mi copre gli altri.
Potete aiutarmi a capirci un pò?
Grazie! p.sp la pagina è questa:http://niod.altervista.org/page/index.php?page=home
Grazie a tutti! =))

[Ospite]

Premesso che si dice footer e non foother, che nel tuo CSS dichiari l'id foother ma poi richiami erroneamente la classe foother, e che posizionare tutto in maniera assoluta non è proprio il massimo, dovrebbe bastarti:

.foother {
border:2px solid #002000;
width : 100%;
height : 20px;
text-align : right;
background-color : #333333;
position:absolute;
bottom:0;
}

Ciao!

Grazie per i consigli. Devo proprio ammettere che hai ragione su tutto.
Solo che il css lo sto imparando ora, e non sapevo come si poteva fare.
In ogni caso le posizioni assolute non le posso usare, perchè per ogni pagina varierà la lunghezza.
Come si fa a mettere il div in fondo, qualunque sia la lunghezza della pagina?
Grazie per l'aiuto!

[almedia]

.foother {
border:2px solid #002000;
width : 100%;
height : 20px;
text-align : right;
background-color : #333333;
position:relative;
bottom:0;
}