altezza div semi automatica

[AlexDev]

Ciao, sto aggiungendo i commenti nel mio sito però non riesco a fare in modo che se l'utente vada a capo il div si deve ridimensionare automaticamente, ho settato un'altezza minima ma se l'utente scrive di più di quell'altezza il testo va a coprire anche ciò che c'è sotto. Per farvi capire meglio vi faccio vedere un immagine esplicativa e il relativo css:
Cattura.jpg
( http://i.gyazo.com/ef8a31b940cdff63558d1dd2d1bb4538.png )

.left {
    float:left;
    width: 125px;
    margin-top: 20px;
    margin-left: 17px;
    border-right: #000000 solid 1px;
}
.topic {
    float: right;
    width: 690px;
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 130%;
}
.comments {
    position: relative;
    width: 855px;
    margin-bottom: 5px;
    height: auto !important;  /* per i browser moderni */
    height: 100px;  /*per IE5.x e IE6 */
    min-height: 100px;  /* per i browser moderni */
    border-bottom: #000000 solid 1px;
    margin-left: 20px;    
}

Spero in un vostro "magico" aiuto come sempre
PS: l'altezza del ".topic" si ridimensiona correttamente, è ".comments" che non si ridimensiona e rimane a 100px

[bionicoz]

Normalmente gli elementi float non contribuiscono a determinare le dimensioni del genitore.
Aggiungi queste regole al css

.cf:before,.cf:after {    content: " ";     display: table; }
.cf:after {    clear: both;}
.cf {    *zoom: 1;} 

e al div .comment la classe "cf"
Così insomma http://jsfiddle.net/bionicoz/4r0kkrq6/
Se vuoi saperne di più cerca su google "clearfix css"

bb

[AlexDev]

Grandissimo! Grazie dell'aiuto, non si smette mai d'imparare