DIV all'interno di DIV's

[jumborex]

Sto ricostruendo un sito vecchio stile, utilizzando solo DIVs, niente tabelle, css eccetera.
Non riesco tuttavia a capire perché se utilizzo div dentro div, dentro div, quello più esterno non sempre comprende il contenuto di tutti gli altri.
Si veda per esempio:questa pagina in cui la struttura più esterna finisce a metà dell'immagine e non so capire come mai!
La struttura della pagina è più o meno la seguente:

    <div class="container">
        <div class="contentBright">
        <div id="quadrati">

        <div class="ContieneMenu">
          <div class="BoxStandard">          
            

</p>
          </div> 
          <div class="BoxDescrivi">          
            
          </div> 
          <div class="BoxStandard">          
            

</p>
          </div> 
        </div> 
        

        <div class="presentationBright"> 
        <div class="ContieneMenuBasso">
          <div class="BoxStandard" style="width:286px">
          

</p>
          </div> 
          <div class="BoxDescrivi" style="width:401px">
            
          </div> 
          <div class="BoxStandard">    
            
          </div> 
        </div> 
        </div> 
        </div> 
            
        </div> 
    </div> 

Tutti i contenitori che iniziano con Box hanno l'opzione floating:left, nel punto dove questa opzione è anullata lo si dice nell'esempio, che del resto rispetta fedelmente il contenuto della pagina d'esempio.
Mi sfugge qualche cosa: ovviamente, se mettessi un height:610px su quadrati la pagina viene benissimo. Apparentemente il tutto assume uan dimensione in altezza del tutto casuale. O per lo meno per me incomprensibile.
Grazie a chi saprà spiegarmelo.