non riesco a impostare div 100%

[AlexDev]

ciao! Ho un problema che presuppongo sia di css, devo creare il layout così:
Immagine.jpg
la parte in rosso è dinamica e può variare, quindi, il contenuto(e di conseguenza l'altezza), ora il mio css è impostato così:

.left {    
    float:left;
    width: 125px;
    margin-top: 15px;
    margin-left: 20px;
    margin-right: 2px;
    border-right: #000000 solid 1px;
}
.topic {    
    float: right;
    width: 730px;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 20px;
}


.lplust {
    width: 855;
    margin-bottom: 5px;
    min-height: 200px;
    border-bottom: #000000 solid 1px;
}

e l'html si sviluppa in questo modo:

<div class="lplust">
    <div class="left">testo a sinistra</div>
    <div class="topic">testo topic a destra</div>
</div>

però lplust non scorre infatti il bordo che ho messo in basso nero va a "tagliare"/passa in mezzo al testo.. Qualche suggerimento??
Graziee

[MAeSI]

Prova ad aggiungere un div con clear:both prima della chiusura del div .lplust

Inoltre qui

.lplust {width: 855;

ci vorrebbe l'unità di misura.

[AlexDev]

si è sistemato quel problema e se ne sono ripresentati altri che penso di poter risolvere. Graziee

[AlexDev]

Prova ad aggiungere un div con clear:both prima della chiusura del div .lplust

Inoltre qui

.lplust {width: 855;

ci vorrebbe l'unità di misura.

riapro invece di crearne una nuova visto che il problema è lo stesso..
sembrava fosse tutto sistemato ma se si inserisce un testo troppo lungo succede di nuovo..
quando i testi sono corti come questo: http://www.youtoobob.it/thread.php?t=68 funziona perfettamente ma se è troppo lungo come questo: http://youtoobob.it/thread.php?t=76 il problema si ripresenta ç_ç riposto il css:

.left {	float:left;
	width: 125px;
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 2px;
	border-right: #000000 solid 1px;
}


.clear {
	clear:both;
}
.topic {
	float: right;
	width: 690px;
	margin-top: 15px;
	margin-left: 10px;
	margin-bottom: 10px;
	line-height: 130%;
}
.lplust {
	width: 855px;
	margin-bottom: 5px;
	min-height: 200px;
	border-bottom: #000000 solid 1px;
	margin-left: 20px;
}

e il relativo codice html lo puoi trovare nei link che ho postato prima.
grazie ancora del supporto

[MAeSI]

Ti sembra che non funzioni. Ma è l'immagine di sfondo del div#layout, alta solo 920px, la causa di quello che vedi.

[AlexDev]

Ti sembra che non funzioni. Ma è l'immagine di sfondo del div#layout, alta solo 920px, la causa di quello che vedi.

non ci avevo proprio pensato! Grazie! ultima domanda: se aggiungessi questo:

background-color: #f6f6f6;

si vedrà che quando finiscono i 920px di immagine il layout verrà continuato con il colore #f6f6f6 ??