layout a colonne con DIV: come far "andare a capo" l'ultimo blocco?

[marioweb76]

in questo sito, nelle due pagine "principali" (index.html e calcola_indennita1.php), ho inserito un contatore shynistat.
www.tariffemediazione.it
volevo inserirlo in basso, centrato.
mi sembrava la cosa più semplice di questo mondo, ma mi sono dovuto ricredere.

per entrambe le pagine ho usato un layout a colonne con DIV, impostando float: left;
per far andare a capo il div che contiene il contatore, ho fatto come segue:

<div>
<div class="div_col_sx"> </div>

questo il css

html {height: 100%;}

body
{
background-color: #ADD8E6;
margin-top: 40px;
height: 100%;
width: 100%;
}

.div_col_sx
{
width: 165px;
height: 100%;
float: left;
}

in pratica c'è un div contenitore, poi un primo div che corrisponde ad una colonna (vuota) a sinistra, poi inizia il DIV "principale"

<div class="div_col_center">

...bla bla bla...

</div>

questo il css

.div_col_center
{
width: 750px;
min-height: 100%;
height: auto;
float: left;
}

a questo punto, devo "andare a capo".
ho inserito quindi un ultimo div, finale, vuoto.

<div style="width: auto; height: 100%;"></div>

poi "chiudo" il div contenitore, e quindi inserisco quello del contatore

<div style="text-align:center;">

ora, con IE 8, il contatore mi viene in alto a destra, cioè come se non avesse proprio considerato il fatto che il div contenitore (che peraltro NON ha la proprietà float: left) è "chiuso".

con Mozilla 3.6, nella pagina index mi viene in basso ma spostato a destra, mentre nella pagina calcola_indennita mi viene a destra di tutto, e centrato verticalmente.

su un'altra versione di IE e di Mozilla (provata oggi in ufficio, non ricordo che versioni erano), invece, era perfettamente centrato in basso.
dov'è che sbaglio???
grazie mille

[Myaku]

hai controllato di aver fatto il clearing correttamente?

[marioweb76]

temo di no , ma
1) c'entra per caso anche la proprietà overflow?
2) a quale div va applicato il clearing? quello che deve andare a capo, quello precedente?