CSS - rozjeżdżające się divy

Witam wszystkich,

mam problem z formatowaniem div’ów. Otóż usiłuję sformatować divy do poniższej postaci:

http://sebastianp88.cba.pl/obrazek.png

Niestety mam nie mogę ostatniego diva umieścić pod paskiem. Będę wdzięczny za pomoc.

Poniżej kod css

body{ 

	display: block;

    margin: 100px auto; 

	background-color: black;

} 


#page{

    display: block; 

	width: 1024px;

	height: 556px;

	/*height: 768px;*/

	margin: auto;

	background-image: url(../layout/tlo.png);

}

#belt{

	width: 294px;

	height: 19px;

	float: left;

	display: block;

	margin: 274px 365px auto;

	background-image: url(../layout/pasek.png);

}

#beltMenu{

	width: 294px;

	height: 30px;

	float: left;

	margin-top: -40px;

}

Jakbyś jeszcze przesłał plik html ze stroną to byłoby łatwiej.