Layout: due colonne con float, ma un clear in una annulla formattazione

[toretto]

Ciao a tutti,
ho cercato di scrivere un titolo quanto più significativo. In effetti dice tutto. Ho un layout a due colonne così composto:

               
<div class="content"> 
    <div class="left_col"> 
        #contenuto_colonna_sinistra_navigazione
    </div>
    
    <div class="maincontent">
           #contenuto_principale
    </div>    
</div>

Nel CSS:

div.content {
        width:100%;
	padding: 0;
	margin:0;
}

div.left_col {
	float:left;
	width:23%;
}

div.maincontent {
	margin: 0 0 0 23%;
}

Il layout funziona correttamente in explorer. Il problema si verifica con Firefox: quando vado ad inserire nel maincontent dei div a cui assegno a loro volta dei float (per realizzare i contenuti interni, il layout è tableless), usando clear:both i div del maincontent agiscono anche sul div left_col. Non so se mi sono spiegato... Praticamente facendo un clear:both ad un div contenuto nel div maincontent, questo effettua il clear su tutti i div, e non solo su quelli del div in cui è contenuto (cioè maincontent), agendo pertanto sulla colonna di sinistra.

Sto impazzendo da una settimana, qualcuno ha mai avuto un problema simile?
Grazie mille!

[Mich_]

Non ho capito completamente.
Il tuo esempio va bene, ma non e` completo: dovresti inserirci anche blocchi float e i clear.

E poi non capisco perche` non dai il float anche al maincontent, e togli il margine (eventualmente puoi dargli width 76%).

Hai definito width:100% anche nel body e nell'html?

Tieni presente che in FF e famiglia i float stanno su un pianeta a parte (un po' come i blocchi posizionati assoluti, ma dalla parte opposta): non vanno troppo d'accordo con i blocchi senza posizionamento.