Ciao a tutti,
ho questo problemino che non riesco a risolvere.

In un css ho definito un contenitore, una testata, un'area utente, un'area menu_left, un'area pagina, e un'area per il pič di pagina.
il colore di background del contenitore č blu.
Il colore di background dell'area pagina viene impostato correttamente ma il colore dell'area menu_left proprio non ne vuole sapere e agisce solo sulla sua altezza definita nel menu_left.
Le dimensioni delle aree si espandono in modo corretto.
Come faccio a dire che il colore di background di menu_left deve agire proprio come quello dell'are pagina?

Ho messo tutte le impostazioni in em.

allego il codice ed una schermata della pagina che ottengo.

CSS

Codice PHP:
body
{
    margin: 0em 0em 0em 0em;
}          

div#contenitore
{
    margin: 0em 0em 0em 0em;
    width: auto;
    border: 0.01em solid #000000;
    padding: 0em;
    background-color: #3B6689;

    height: auto !important;
    height: 30em; /* In IE6 height funziona come il min-height */
    min-height: 30em;
    overflow : hidden;

}

div#testata
{
    font-family: helvetica, arial;
    font-size: 1.8em;
    
    color: #FFFFFF;  
    padding-top: 0.27em;
    height: 1.73em;
    text-shadow:  #9F9D56 0px 0px 1px;
}

a.testata
{
    color: #FFFFFF;  
}

div#areautente
{
    width: 100%;
    height: 2em;
    background:  #ccc000;
    font-size: 0.8em; 
    font-family: "Lucida Grande", Verdana, sans-serif; 
    font-weight: normal; list-style-type: none; margin: 0em 0em 0em 0em; 
    padding: 0.6em 0em 0em 0.6em; 
}

div#menu_left
{
    background:  #FFFFFF;
    margin: 0;
    width: 11.5em;
    float: left;
    padding-left: 0.1em;
    padding-right: 0.1em;
    font-size: 0.8em; 
    color: #000066;

    display: block;               
    height: auto !important;
    height: 30em; /* per compatibilitā con In IE6  */
    min-height: 30em;

}

div#pagina
{
    background: #FFFEF6;
    margin: 0 auto;
    font-size: 0.8em;
    padding-left: 0.3em;

    display: block;               
    height: auto !important;
    height: 30em;
    min-height: 30em;

    overflow : Auto; 
    border-left: 0.01em solid #000;
}

div#footer
{
    width: 100%; 
    height: 2em;
    text-align: center; 
    background:  #ccc000;
    font-size: 0.8em; 
    font-family: "Lucida Grande", Verdana, sans-serif; 
    font-weight: normal; list-style-type: none; margin: 0px 0px 0px 0px; 
    padding: 1em 0em 0em 0em; 
} 
HTML

Codice PHP:
<body >
<div id = "contenitore">
   
    
    <div id = "testata">
        Nome
    </div>


    <div id="areautente">
        Nome Operatore
    </div>    

    <div id = "menu_left" >
        Menu
    </div>


    
    <div id = "pagina">
            Riga testo

            Riga testo

            Riga testo

    </div>

    

    <div id="footer">
        dati pie di pagina
    </div>    


</div>
</body> 
IMMAGINE



Grazie