div a lunghezza variabile

[Mikele Sagitter]

Ciao ragazzi ho questa prdisposizione di div

<div id="principale">
            <div id="menu">
      
            </div>

            <div id="contenuto">
        
        </div>

</div>

<div id="inevidenza">
</div>

#principale{
    width:837px;
    height:400px;
    background-color:#FFFFFF;
    border:1px solid yellow;
}

#menu{
    width:180px;
    height:100%;
    float:left;
    background-color:#FFF;
    border:1px solid red;
}

#contenuto{
    width:653px;
    height:100%;
    float:right;
    text-align:left;
    border:1px solid white;
}

#inevidenza{
    width:837px;
    height:284px;
    border:1px solid violet;
    margin-top:30px;
} 

Che mi genera una schermata più o meno così



Ora il problema è che nel div contenuto il contenuto appunto è dinamico perciò l'altezza del div non deve essere preimpostata ma appena provo a sostituire la height di "pricipale" da 400px a 100% ottengo questo.



In pratica si comporta come se il div "principale" non esistesse
Come posso fare ad ottenere un'altezza "liquida"? dove sbaglio
Grazie per le risp (lo so che è un'errore banale ma io ci sto fondendo sopra mi è capitato già un altra volta.

[fcaldera]

non puoi semplicemente evitare di definire l'height?
Per default la sua altezza sarà pari a quella necessaria per contenere ciò che c'è dentro.

[Mikele Sagitter]

si l'ho fatto ma non ho ottenuto risultati....ho risolto mettendo il div inevidenza clear:both;
ma mi stupisce che senza questo non abbia rispettato l'altezza di "principale"

[fcaldera]

se dentro quel div c'erano elementi in float non è strano che si comporti così