Footer posizionato in basso ma il content deve essere float per adattarsi al contenut

[fairydesign]

Footer posizionato in basso ma il content deve essere float per adattarsi al contenut

Ciao a tutti,
sto cercando di realizzare una pagina che abbia sempre il footer posizionato in basso.
Il mio problema sorge quando il content deve avere il float:left per adattarsi al contenuto della pagina:

questo è il css:

body{
margin:0 auto;
height:100%;
text-align: center;
background:#fff url(.../images/sf_home.jpg) top left repeat-x;
}

#container{
position:relative;
width: 938px;
height: 100%;
margin: 0 auto;
text-align: left;
background-color:#FF6600
}

body>div#container{height:auto;min-height:100%}

#header{
width:938px;
height:151px;
background-color:#FFFF00;
margin-top:20px;
}

#box{
width:922px;
height:282px;
margin:7px 0 17px 0;
border:8px solid #e5581c;
}

#navigation{
width:938px;
height:60px;
background-color:#330099
}

#content{ /deve adattarsi al contenuto delle colonne destra e sinistra/
width:850px;
height:auto !important;
height:242px;
min-height:242px;
margin-top:17px;
padding:20px 44px;
/float:left;/
}

#sinistra, #destra{
width:400px;
height:auto !important;
height:242px;
min-height:242px;
margin-right:30px;
float:left;
}

#footer{
position: absolute;
bottom:0;
width:850px;
background-color: #4d4c4a;
color: #fff;
padding:7px 44px;
}

e la pagina è questa
<div id="container">
<div id="header"></div>
<div id="navigation"></div>
<div id="flash"></div>
<div id="content">
<div id="sinistra">
<h2>Layout monolitico</h2>
<p>Questa è la forma più elementare di layout, e può andare bene per siti di piccole dimensioni
(generalmente con un ordine di pagine sotto la decina), per siti con menù dropdown o per siti con
macrosezioni (sottositi). Come anticipato, per la sua semplicità non necessita di posizionamenti o
<h2>Layout monolitico</h2>
<p>Questa è la forma più elementare di layout, e può andare bene per siti di piccole dimensioni
(generalmente con un ordine di pagine sotto la decina), per siti con menù dropdown o per siti con
macrosezioni (sottositi). Come anticipato, per la sua semplicità non necessita di posizionamenti o
<h2>Layout monolitico</h2>
<p>Questa è la forma più elementare di layout, e può andare bene per siti di piccole dimensioni
(generalmente con un ordine di pagine sotto la decina), per siti con menù dropdown o per siti con
macrosezioni (sottositi). Come anticipato, per la sua semplicità non necessita di posizionamenti o
<h2>Layout monolitico</h2>
<p>Questa è la forma più elementare di layout, e può andare bene per siti di piccole dimensioni
(generalmente con un ordine di pagine sotto la decina), per siti con menù dropdown o per siti con
macrosezioni (sottositi). Come anticipato, per la sua semplicità non necessita di posizionamenti o
<h2>Layout monolitico</h2>
<p>Questa è la forma più elementare di layout, e può andare bene per siti di piccole dimensioni
(generalmente con un ordine di pagine sotto la decina), per siti con menù dropdown o per siti con
macrosezioni (sottositi). Come anticipato, per la sua semplicità non necessita di posizionamenti o
<h2>Layout monolitico</h2>
<p>Questa è la forma più elementare di layout, e può andare bene per siti di piccole dimensioni
(generalmente con un ordine di pagine sotto la decina), per siti con menù dropdown o per siti con
macrosezioni (sottositi). Come anticipato, per la sua semplicità non necessita di posizionamenti o
float nella versione elementare. Il laoyout monolitico si compone di quattro sezioni fondamentali:</p>
</div>
<div id="destra"></div>

</div>
<div id="footer">
<a href="privacy.php" title="leggi la privacy di questo sito" class="dx">Privacy</a>    
<p>Copyright &copy; 2009</p></div>

</div>

[dotcom]

Forse il tutorial che trovi a questo indirizzo

fortysevenmedia .com/blog/archives/making_your_footer_stay_put_with_css/

potrebbe essere d'aiuto.

Buon anno!