Dynamisk div på indhold

Hejsa

Jeg er lige ved at lave en hjemmeside, og css driller allerede fra start, så det bliver helt sikkert et godt projekt.

Men det er meget simpelt egentlig. Jeg skal have en 3 spalter, som jeg laver ud af 3 div's. Spalterne i  højre og venstre side skal have en fast bredde, men spalten i midten, skal fylde 100%, således at hvis enten højre eller venstre spalte er væk, så strækker den sig så meget den kan.

Problemet er, at content delen skubber sig selv ned under sidebar_left og sidebar_right flytter sig ned under content. De skulle helst stå ved siden af hinanden.

Her er hvad jeg har:

#container {
width:900px;
margin: 0 auto 0 auto;
}

#sidebar_left {
float:left;
width: 230px;
background-color: #fff;
}

#content {
float:left;
width:100%;
background-color: #fff;
}

#sidebar_right {
float:left;
width: 230px;
background-color: #fff;
}

----------
HTML:

<div id="container">
    <div id="sidebar_left"></div>
        <div id="content"></div>
        <div id="sidebar_right"></div>
</div>