Верстка трех блоков на живах

[Sergey2]

Решил освоить версту на дивах. Почему то все считают что таблицы это вчерашний день, но почему, объяснить не могут. Ну вот. Решил заняться css более плотно. Итак. Нужно сдлеать левую колонку (меню), по центру (основной текст) и внизу всего этого копирайты. Причем если меню длинее основного текста, то после меню, а если основной текст длинее - то после него.
И че-то у меня нефига не получается:

<div class="left">меню 1<br>меню 2<br>меню 3<br>меню 4<br></div>

<div class="main">основной текст</div>

<div class="footer">копирайты</div>

.left {
float: left;
border: 1px solid black;
width: 100px;
}
.main {
border: 1px solid red;
width: auto;
}
.footer {
border: 1px solid green;
}

Как сделать что бы footer был после первых двух дивов?