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?

Już sobie poradziłem

wszystko wsadzić w jeszcze jednego diva, dać mu position relative, w #menu float: left, a w #tresc skasowac position i ustawic margin-left: 220px;

Chyba tak to się robi?

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