Ciao a Tutti

Scusate ma ho un problema, anzi due!

In pratica, nonostante abbia messo come parametro HEIGHT=100% nel CSS, i due DIV(sinistro e centrale) si adattano al contenuto e non arrivano a fondo della pagina ammenochè non lo faccia anche il contenuto..perciò spesso lo sfondo si ferma a metà!

ecco il link.

Come se non bastasse ho dei problemi di visualizzazione con FireFox..
infatti il testo dei pulsanti è più basso rispetto allo sfondo,

potreste aiutarmi?!

Ecco il codice CSS dei 2 DIV di cui vi parlo(navigation e content) e del Container:
codice:
html,body{
margin:0;
padding:0;
text-align:center;
}
body{font-family:arial,sans-serif;
font-size: 76%
}
div#container{
width:760px;
height:100%;
margin: 0 auto;
min-height:inherit;
text-align:center;
padding:0;
}

div#navigation{
background: url(images/sfondo.gif);
float: left;
width: 160px;
height:100%;
padding-top: 200px;
padding-left:0px;
min-height:100%;
text-align:center;
min-height:inherit;
position:relative;
margin:0;
}
div#content{
width:auto;
height:100%;
padding-top: 15px;
background-image:url(images/logo-square.jpg);
text-align:center;
vertical-align:middle;
position:relative;
margin-left:160px;
margin-bottom:0px;
margin-right:0px;
margin-top:0px;
min-height:inherit;
border-color:#FF1FFF;
border-width:medium;
}
Vi Ringrazio In Anticipo.