Форум Flasher.ru - Вопрос по CSS

В процессе освоения CSS возник следующий вопрос.

Хочу создать column из 3х cells. Дело в том, что высоту первой и третей я знаю, а вот высота второй (средней) должна зависеть от кол-ва контента. Как реализовать подобное в CSS?

XHTML:

Код:

<div id="container">

   <div id="top_image"></div>

   <div id="middle_image></div>

   <div id="bottom_image></div>

</div>

CSS:

Код:

#container {

margin: 0px;

padding: 0px;

width: 20px;

height: ???;

float: left;

position: relative; }



#top_image {

background-image: url(images/top_image.gif);

background-repeat: no-repeat;

width: 20px;

height: 20px;

margin-left: 0px;

float: left; }



#middle_image {

background-image: url(images/middle_image.gif);

background-repeat: repeat-y;

width: 20px;

height: ???;

margin-left 0px;

float: left; }



#bottom_image {

background-image: url(images/bottom_image.gif);

background-repeat: no-repeat;

width: 20px;

height: 20px;

margin-left: 0px;

float: left; }

Собственно, я заменяю разметку таблицами, на разметку CSS.