Div una sotto l'altra

[micio1980]

Salve a tutti,
sto utilizzando un css a tre colenne scaricato da html.it
Avrei però la necessità di inserire nella colonna centrale una seconda div che vada a posizionarsi sotto la prima div e che funzionasse sia con IE e Firefox
Vi posto il css, il file index e una img che spiega come vorrei venga stampata la pagina

QUESTO IL CSS:
div#container{
background-color:#eae7e5;
}
div#header{
background-color:#00FF99;
color: #000000;
text-align:center}
h1,h2{
margin: 0;
padding:0
}
div#navigation{
float: left;
width: 160px;
\width:170px;
w\idth:160px;
padding: 1em 0 0 10px
}
div#extra{
float: right;
width: 160px;
\width:170px;
w\idth:160px;
padding: 1em 5px
}
div#content{
margin: 0 170px;
padding: 1em 10px;
border-width: 0 1px;
border-style:solid;
border-color: #ccc;
text-align:center
}
div#extra div.newsbox{
font-size: 90%;
margin-bottom: 2em
}
div#footer{
clear:both;
text-align:center;
padding: 5px 0;
background-color: #69c; color: #000
}
QUESTA IL FILE INDEX:

<div id="container">

<div id="header">

TESTATA

</div>

<div id="navigation">

menu di sinistra

</div>

<div id="extra">

<div class="newsbox">
colonna EXTRA

</div>


</div>

<div id="content">


CENTRALE DIV CONTENT

</div>

<div id="footer">
FOOTER

</div>

</div>

questo e' quello vorrei stampare (si tratta del box verde sotto quello rosso)