layout-a-tre-colonne-con-float e problema con pseudo classe :after

[M@nu]

Ciao a tutti!

Faccio riferimento a questo tutorial:
http://www.html.it/pag/14280/layout-...nne-con-float/

Se nel div#content utilizzo un elemento con preudoclasse :after con il codice per gli accapi (perché all'interno ho degli altri elementi float da sistemare) mi si crea uno spazio alto come il contenuto della colonna laterale con il contenuto più lungo!

Ho ridotto tutto al minmo, fino al punto di scaricare l'esempio del tutorial e aggiunto prima del testo un <div class="nl"></div>

Io non so proprio più cosa provare...

....
<div id="content">
    <div class="nl"></div>
    <h2>Layout a tre....

.nl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

Grazie in aticipo a chi mi risponderà.

[M@nu]

Al momento ho "tacconato" aggiungendo un altro div con float left e ribloccandolo sotto... però a me non sembra il massimo... se qualcuno ha un'idea migliore è benaccetta!

           <div id="content">
                <div style="float:left;">
    		       contenuto
                </div>
    	        <div class="nl"></div>
            </div>