[HTML][CSS] position relative, puste miejsce Opcje

[--sapper--]

Witam. Mam taki układ strony:

[HTML] pobierz, plaintext 
<div id="menu"></div>
<div id="tresc"></div>
<div id="stopka"></div>
[HTML] pobierz, plaintext 

W stylach przykładowo wygląda to tak:

#menu
{
width: 200px;
height: 400px;
}

#tresc
{
width: 500px;
height: 400px;
position: relative;
left: 220px;
top: -400px;
}

I efekt jest taki że pod menu nie pojawia się od razu stopka tylko pozostaje pusta przestrzeń na te 400px, tak jakby dalej osadzony był blok "tresc", mimo że jest przesunięty do góry.

Jak sobie z tym poradzić i dlaczego tak się dzieje?

[nevt]

nie trzeba dodawać div'a... wystarczy dla #menu i #tresc dac float: left;
a dla #stopka dać clear: both;