Problema con footer a fondo pagina

[carlo2002]

Ho usato diverse volte con soddisfazione il progetto di un layout, presentato in una guida su questo sito, la cui peculiarità è quella di far rimanere sempre il footer a fondo pagina.

L'articolo lo si trova all'indirizzo:
http://css.html.it/guide/lezione/64/...ma-del-footer/

e l'esempio:
http://www.html.it/guide/esempi/layo...sempio15a.html

Purtroppo mi sono accorto che ci sono dei problemi:


Con Firefox,
quando si inseriscono dei div in successione e questi contengono delle immagini, il footer rimane fisso sul fondo della finestra senza slittare a fondo pagina ed il contenuto gli passa oltre.



Con Internet Explorer,
il footer slitta verso destra



Ho messo lo sfondo del footer di colore rosso per evidenziarlo, un esempio online lo potete vedere all'indirizzo:
http://www.4null.net/esempio_01/index.htm

Come mai si comporta cosi'? sbaglio qualcosa?
Grazie

[Ciombe]

ho esattamente anche io il solito problema....

girovagando in rete ho provato altre alternative, e vi posto il codice che ho trovato, ma il problema non mi si risolve, e il footer mi resta in fondo, ma se il contenuto è più ampio dell'altezza del browser, il footer anzichè scalare, mi rimane bloccato e il contenuto ci passa sopra...

html, body, #container {
min-height:100%;
width:100%;
height:100%;
margin: 0px;
padding: 0px;
}

html>body, html>body #container {
height:auto;
}

#header {
border-top:5px solid #333;
border-bottom:1px dotted #333;
height: 6em;
line-height: 6em;
width:100%;
margin:0;
padding:0;
}

#content{
margin:2em auto;
padding:0;
background:transparent;
border:1px solid #666;
width:80%;
text-align:left;
}

#footer {
width:100%;
background-color:#333;
height:3em;
line-height:3em;
text-align:left;
bottom: 0;
left: 0;
clear: both;
position: absolute;
}

se al footer cambio la posizione da assoluta a relativa invece il footer in caso di pagina con contenuti inferiori all'altezza del browser non mi sta a fondo pagina ma appena sotto la fine dei contenuti.