Rozdelenie na dva stlpce

Zdravim Vas,

mam dva stlpce menu v lavo a obsah v pravo. No ked sa skonci menu, tak sa zrusi rozdelenie na dva stlpce a obsah sa roztiahne na celu sirku okna. A ja potrebujem aby si obsah nechal taku sirku, aku ma ked je vedla menu.

tu je ukazka kodu:


<div id=obsah>

<div id=menu_lave>

</div>

<div id=obsah_in>

</div>

</div>


a tu je CSS:


#menu_lave {
background-image: url("/images/news-bg.jpg");
float: left;
width: 176px;
margin-right: 10px;
}

#obsah_in {
padding: 10px 10px;
}

hosi pomozte prosim

a co ked bude mat uzivatel rozlisenie 800*600 ? alebo nejake velke... to zas potom bude ten obsah uzky.

uz som na to prisiel, keby to niekoho zaujimalo, tu je kod:

#obsah_in {
padding: 0 0 0 176px;
}

ked do DIVu #obsah_in pridam este dva stlpce, a kazdemu nastavim sirku 50%, tak vo FF sa bere sirka obrazovky bez sirky menu(176px) a v IE sa bere bohuzial sirka celej obrazovky... takze su tie dva stlpce moc dlhe. neviete poradit?

aj to uz som vyriesil