CSS invece di tabelle

[salasir]

Ho strutturato una parte della pagina in due colonne secondo la tecnica descritta in "Dividere una sezione in due colonne".

Ora ho la necessità si suddividere ulteriormente una delle due colonne in due.

Ho provato così:

CSS
.boxsx1{ float: left; padding: 0 0.5%; }
.boxdx1{ float: right; padding: 0 0.5%; }

HTML

	<div class="split2">
	   <div>
		


			TESTO TESTO TESTO TESTO.
		</p>
	   </div>
	   <div>
		<span class="boxsx1">Colonna sinistra</span>
		<span class="boxdx1">Colonna destra</span>
		</p>
	   </div>
	</div>
	<div class="clearer"></div>

Ma il contenuto delle due sottocolonne mi viene al di fuori del div superiore. Come si fa ?

Maurizio

[salasir]

Trovato!
Mancava il clear dopo le due colonne

	<div class="split2">
	   <div>
		


			TESTO TESTO TESTO TESTO.
		</p>
	   </div>
	   <div>
		<span class="boxsx1">Colonna sinistra</span>
		<span class="boxdx1">Colonna destra</span>
		<span class="clearer"></span> 
	   </div>
	</div>
	<div class="clearer"></div>

Maurizio

[salasir]

Sbagliato!
Come al solito funziona su IE ma non su Firefox.