Problema con footer, background

[goxpix]

Ciao a tutti, io ho un problema con il mio footer: quello che vorrei ottenere io é uno sfondo di colore blu per tutto il footer, ma mi fa solo una parte blu e non riesco a spiegare perché.

riporto il codice del footer nel mio CSS:

#footer-wrapper {
clear: both;
padding: 30px;
margin-top:50px;
text-align: left;
font: normal 1em/1.6em 'Trebuchet MS', Tahoma, Sans-serif;
background-color: #258ec8;
}

#colsx {width:40%; float:left; padding:10px;}
#coldx {width:40%; float:left; padding:10px; border-left:2px solid white;}

e il footer nella mia pagina XHTML:

<div id="footer-wrapper">

<div id="colsx">Lorem ipsum [....] </div>
<div id="coldx">Lorem ipsum [....] </div>

</div>

Mi domando quale é l'errore, io ho provato in tutti i modi ma nulla. Grazie a tutti dell'aiuto.

[fcaldera]

#footer-wrapper {
padding: 30px;
margin-top:50px;
text-align: left;
font: normal 1em/1.6em 'Trebuchet MS', Tahoma, Sans-serif;
background-color: #258ec8;


height: auto;
overflow: hidden;
}

[goxpix]

Grazie mille, ma mi spieghi le tue modifiche? cosi' una prossima volta non faccio più quest'errore.


Grazie davvero

[fcaldera]

cerca "float clearing" su questo forum o su google