Problema Altezza DIV

[Toniello]

Salve,
all'interno del DIV principale ho un altro DIV con dentro del testo. Vorrei che l'altezza del principale s modifichi a seconda del contenuto del testo del div interno.

Attualmente su IE funziona, mentre su Firefox se non imposto il parametro HEIGHT: Il div pur contenendo testo e' alto 0px.

Come posso risolverlo?

Ecco la struttura:

<div id="container">
       <div id="maincont">
               <div id="content">
                         Testo, testo testo....
               </div>
       </div>
</div> 

Ed ecco il css dei rispettivi Div

#container {
    WIDTH: 758px;
    TEXT-ALIGN: left;
    BACKGROUND-COLOR: #000000;
    BORDER: #FFFFFF 2px solid;
}

#maincont {
    CLEAR: right;
}

#content {
    FLOAT: left;
    WIDTH: 450px;
} 

[erredeco]

Noto che #content è stato reso fluttuante con float:left : a questo punto è stato estratto dal flusso, per cui i suoi contenitori sono vuoti, e per questo sono alti 0px. E' IE che non si comporta in maniera corretta.

Ci sono vari rimedi per questa situazione, tra cui per es. rendere fluttuante anche il contenitore.
Oppure puoi dare un'occhiata al metodo easyclearing, per vedere se si adatta al tuo caso

http://www.positioniseverything.net/easyclearing.html