Devo realizzare un layout con i div in modo da avere una intestazione superiore (header) una parte centrale suddivisa in due settori: un menu a sinistra (bodyleft) e un settore centrale per i contenuti (bodyright), ed infine un blocco inferiore (footer). Tutto questo in modo che tutta l'altezza sia sempre al 100% e quindi con il footer sempre a fondo pagina.

Tento uno schema per essere ancora più chiaro:

-----------------------
header
-----------------------
| |
| bodyleft | bodyright
| |
------------------------
footer
------------------------

Diciamo che sono riuscito a fare tutto, l'unico problema è nei div centrali (bodyleft e bodyright): riesco a metterli uno accanto all'altro MA NON RIESCO A DARGLI L'ALTEZZA AL 100%, in modo che arrivino giù fino al footer.

Come posso correggere il problema? GRAZIE

Questo il mio CSS

codice:
html, body, form
{
    margin: 0;
    padding: 0;
    height: 100%;
}

#container
{
    min-height: 100%;
    position: relative;
}

#header
{
    height: 90px;
    background-color: #666699;
    padding: 10px;
}

#body
{
    padding-bottom: 40px;
}

#footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px; /* Height of the footer */
    background: #D5D5E3;
}

#content
{
    margin: 0 0 0 225px;
    border: none;
    color: #000000;
    min-height: 100%;
    position: relative;
}

#bodyleft
{
    margin-left: 0px;
    float: left;
    width: 150px;
    background-color: #CFD7D8;
} 

#bodyright
{
    margin-left: 10px;
    float: left;
    width: 650px;
}
Questo il codice HTML:

codice:
<body>
    <form id="form1" runat="server">
    
        <div id="container">
            <div id="header">
              HEADER
            </div>
            <div id="body">
                    <div id="bodyleft">
                          LEFT MENU
                    </div> 
                    <div id="bodyright">
                          CORPO CENTRALE
                     </div> 
                    <div style="clear:both"></div>             
            </div>
            <div id="footer">
              FOOTER
            </div>
        </div>
    </form>
</body>