Witam.

Mam problem, który zdarzył mi się pierwszy raz i doprowadza mnie do szału. Tak wygląda moja strona:

[HTML] pobierz, plaintext 
         <div id="menu_lewe"></div>		
	 <div id="menu_lewe2"></div>
         <div id="srodek"></div>	  
	 <div id="menu_account"></div>
	 <div id="menu_matches"></div>
	 <div id="menu_shoutbox"></div>
 
[HTML] pobierz, plaintext 

a to css do tego:

#menu_lewe {
width: 171px;
height: 384px;
background-image: url(images/menu_lewe_bg.png);
float: left;
margin-top: 20px;
}

#menu_lewe2 {
width: 171px;
height: 234px;
background-image: url(images/menu_lewe2_bg.png);
float: left;
}

#srodek {
width: 638px;
height: 811px;
background-image: url(images/srodek.png);
float: left;
}

#menu_account {
width: 171px;
height: 180px;
background-image: url(images/account_bg.png);
float: right;
margin-top: 20px;
}

#menu_matches {
width: 171px;
height: 180px;
background-image: url(images/matches_bg.png);
float: right;
margin-top: 24px;
}

#menu_shoutbox {
width: 171px;
height: 234px;
background-image: url(images/shoutbox_bg.png);
float: right;
margin-top: 26px;
}


problem polega na tym, że div z id menu_lewe2 nie chce znaleźć się tak jak ja chcę czyli pod div menu. Jeżeli dam float: left; pojawia się z prawej stronie na samym dole :| jeżeli nie dam float: pojawia się w tym samym miejscu co div menu. próbowałem pozmieniać pozycję w html ale też to nic nie dało... proszę o pomoc bo dostaje białej gorączki a pewnie jest to malutki błąd, którego już nie zobaczę, bo za długo nad tym myślę... z góry dziękuję za pomoc.