CSS per il footer

[Felino]

Salve utenti,
dopo ore di vani tentativi chiedo il vostro supporto.

In questo link non riesco a sistemare il footer alla fine di ogni articolo, ma il problema si presenta anche in altre pagine.

Mi spiego meglio...a tutto schermo magari lo vedrete bene, ma se provate a visualizzarlo ad una risoluzione più bassa, oppure con un tablet o smartphone vedrete che il footer si mette a metà pagina...

Come posso fare?

L'ho settato così, ma non va:

div#footer {
     font-size:10px;
     text-transform:uppercase;
     left:20%;
     z-index:1;
     position:relative;
     bottom:0px;
}

Grazie.

[Experiment8]

Prova così:

div#footer {
     font-size:10px;
     text-transform:uppercase;
     left:20%;
     z-index:1;
     position:fixed;
     bottom:0px;
}

[Felino]

Praticamente ho risolto diversamente, il div pages, quello che contiene le varie pagine del sito, era messo in posizione absolute, non chiedetemi il perchè.
Sistemando quello, il footer di conseguenza è andato al suo posto senza problemi.