css

["Dmitry E. Oboukhov" <dimka@avanto.org>]

не совсем (вернее совсем не) по теме, но вопрос:

надо в css сверстать две колонки, а под ними блок:

+-----------+------------+
|           |            |
|   left    |   right    |
|           +------------+
|           |            |
+-----------+------------+
|        bottom          |
+------------------------+



пишем
<div id="bottom">
...
</div>

<div id="left">
..
</div>

<div id="right">
..
</div>


если всем ставим
position: absolute;

то левый и правый понятно как разместить (ставим им top, left, width и
все в порядке), а как спозиционировать нижний?

таблицы брать не хочеться: очень бы надо чтобы последний (нижний) блок 
первым грузился 
я попробовал сунуть левый и правый блоки в контейнер а bottom в свой
контейнер спозиционировав их относительно (со смещениями 0,0)
но все равно получается bottom "налазит" на left и right
ну и опять же хочется чтобы bottom первым грузился


ткните в толковую доку с примерами плз