[css] ukryta warstwa czy tylko clear?

[grzesiek77]

Mam taki szkielet strony:

Kod:

<div id="site">
    <div class="top">nagłowek</div>
    <div class="menu">menu</div>
    <div class="content">treść</div>
    <div class="footer">stopka</div>
</div>

style sa takie:

Kod:

#pojemnik {
width: 980px;
margin: 0 auto;
}

.menu {
width: 200px;
float: left;
background: black;
}

.content {
width: 780px;
float: right;
background: silver;
}

.top {
background: navy;
}

.footer {
background: green;
}

I teraz jesli jest duzo tresci w .content to przyslania to .footer, tak jakby mialo z-index: 1;. Logicznie mi sie wydawalo, ze .footer bedzie sie zaczynal domyslnie tam gdzie sie skonczy sie .content

Jak wstawie do .footer

Kod:

clear: both;

wszystko jest ok. Pytanie tylko czy tak powinno byc, chcialbym to ZROZUMIEC