Problema Float - Clear In Ie6/7

[fabio@ba]

ciao a tutti, ho un problema solo con ie6/7:
Ho due contenitori con le seguenti classi:
.cont_tt {
background-color: red;
float: left;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.cont_t {
background-color: blue;
float: left;
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
<div class="cont_tt">
...
...
...
</div>
<div style="clear: left"></div>
<div class="cont_t">
...
...
...
</div>
In firefox non ho alcun problema ma quando vado a visualizzare la pagina in ie6/7 mi compare uno spazio tra i due contenitori...
C'è qualche soluzione???
Help me per favore, è urgente!!!!

[Mich_]

E` una caratteristica nota (se vuoi puoi chiamarlo baco):
In IE (solo quirks mode) un oggetto non puo` mai essere piu` basso del font.
Quindi se vuoi usare il clear in codesto modo, devi aggiungere anche:
<div style="clear: left; font-size:0;"></div>

La cosa non si presenta se lavori in modo standard (cioe` con DTD XHTML 1.0 Strict).

E ci sono altri modi per usare il clear senza inserire oggetti extra (vedi quello presentato da fcaldera: [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float).