(DIV, CSS) Menu się nie rozciąga do tresci. Opcje

[gandziorz]

Witam,
Mam taki mały problem z divami.

Mam 3 divy.

[HTML] pobierz, plaintext 
<div class="site">
<div class="menu">Tutaj moje menu</div>
<div class="srodek">Tutaj moj srodek a w nim tresc</div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
.site {
	margin:auto;
	width: 807px;
	height: auto;
	overflow:auto;
}
.menu {
background-color: #F0F0F0;
float: left;
width: 208px;
height: auto;
}
 
.srodek {
background-color: #FFFFFF;
float: right;
width: 599px;
height: auto;
}
 
[HTML] pobierz, plaintext 

Teraz jak napiszę i wstawię dużo elementu do diva "srodek" to rodzic "site" rowniez sie "wydluzy" ale menu ani nie drgnie.
Rozchodzi mi się o to by menu i srodek tak samo się rozciagalo.

Nie mam pomysłu jak to rozwiązać.

Ten post edytował gandziorz 22.01.2012, 22:24:23

[ShadowD]

To co w kodzie dalej jest zawsze nad tym co jest wcześniej - jeśli oba elementy mają position:x relatife lub absolute wystarczy dodać im z-index, elemend który ma być nad powinien mieć większą wartość od pozostałych.

Tak Twoje rozwiązanie na pewno nie jest eleganckie, byleś się nie spotkał z przeglądarką która zechce zrozumieć to inaczej, zmniejsz te marginsesy choć na tyle by były "normalne" lub adekwatne do zawartości (jeśli strona zajmuje ~1000px wysokości daj 2000px). (IMG:style_emoticons/default/haha.gif)