Problemi di layout con Css

Salve a tutti,
sto realizzando questo sito www.vicoalba.altervista.org con layout a css, ho un problema con il div navigation, la colonna a sinistra, che non arriva a fondo pagina in quanto l'altezza dipende dai contenuti e dal div extra(quello a destra)...ho cercato un po dovunque, probabilmente male, ma non so cosa aggiungere al mio codice:

div#navigation{
float:left;
/* Inizia il Simplified Box Model Hack */
width:160px; /* Dimensioni per Opera 5 */
width:170px; /* Dimensioni per Explorer 5.x */
width:160px; /* Dimensioni per browser standard compliant */
/*background: #DDD url(img/gradient2.jpg) fixed repeat-x top*/
background-color:#E5E5E5;
border-right:1px solid #000000;
padding:1em 0 0 0px}

div#extra{
float:right;
width: 160px;
width:170px;
width:160px;
background-color:#FFFFFF;
border-right:0px solid #000000;
padding:1em 0px}


Ho provato con un height:xxx ma nn fa al mio caso perchè è statico, qualche consiglio?

Grazie

Codice:

---

height: 100%;

---

Ciao! :mrgreen:

proprio non va...

ecco tutto il layout.css:

Codice HTML:

---

html,body{margin: 0;padding:0}
body{font: 75% georgia, sans-serif;
        line-height: 1.88889;
        color: #000000;
        margin: 0;
        padding: 0;
  }

div#container{
    width: 960px;
    margin:0 auto;  /*centra negli altri browsers*/
    background: #FFFFFF url(img/gradient2.jpg) fixed repeat-x top
    }

div#header{
        text-align:left;
        /*background-color:#FFFFFF;*/
}

div#navigation{
float:left;
/* Inizia il Simplified Box Model Hack */
height:100%;
width:160px; /* Dimensioni per Opera 5 */
width:170px; /* Dimensioni per Explorer 5.x */
width:160px; /* Dimensioni per browser standard compliant */
/*background: #DDD url(img/gradient2.jpg) fixed repeat-x top*/
background-color:#E5E5E5;
border-right:1px solid #000000;
padding:1em 0 0 0px}

div#extra{
float:right;
width: 160px;
width:170px;
width:160px;
height:100%;
background-color:#FFFFFF;
border-right:0px solid #000000;
padding:1em 0px}

div#content{
margin: 0 200px 0 200px;
background-color:#FFFFFF;
padding:1em 10px;
}
div#footer{
clear:both;
text-align:center;
padding:5px 0;
background-color: #D3D3D3;
color: #000;
border-top:1px solid #000000;
}

---