Float left e clear: problema con Firefox

[ariok]

Ciao a tutti..
Avrei un problema legato all utilizzo dei flaot:

Un semplicissimo layout
-Un div contenitore
-Colonna a sinistra (SX) per il menu
-Colonna destra(DX) per i contenuti

Dichiaro SX float:left e dopo DX aggiungo un div con l'opzione clear:left (mi servirà dato che il vero layout contiene anche un top e un footer

E fino a qui nessun problema.. i contenuti stanno alla destra del menu..il problema si crea quando aggiungo dei contenuti all'interno di DX che hanno un float left e che in seguito devono essere "puliti" tramite un clear:left (o both) per dar spazio ad altri contenuti.

Quello che succede con Firefox è che anche il float riferito alla colonna SX viene pulito.. foto in allegato per chiarire la situazione (EDIT: non riesco ad aggiugnere l'allegato ora cerco uno spazio web per aggiungere l'immagine) e qui il codice html senza header ecc..

<div id="container">
   <div id="SX">
   ..ilmenu..
   </div>
   <div id="DX">
      <div class="floating">......</div>
      <div class="cleaning"></div>
      

... del testo</p>
   </div>
   <div class="cleaning"></div>
</div>

Vi ringrazio in anticipio per qualsiasi consiglio/chiarimento
Ciao a tutti

[ariok]

Posto qui l'immagine della quale parlavo sopra.. scusate

[ariok]

up...

[Mich_]

Secondo me il clear, dentro il float di destra non ci va. Ma non dovrebbe neppure servire.

I tuoi blocchetti verde-marcio (tutti con float: left) vanno racchiusi in un loro blocco (che deve essere flottato anche quello, anche se occupa tutta la larghezza), poi le scritte "contenuti ... prova contenuti ..." le metti dentro un loro

che sta fuori dal contenirore dei blocchetti.

Ricorda che per formattare facilmente occorre che la marcatura della pagina sia corretta: nel tuo caso ti manca un contenitore che "tenga uniti" i blocchetti.