A więc, nazwijmy szary prostokąt 'szary':
Kod:
#kontener {
width: 700px;
float: left;
}
#szary {
width: 500px;
float: left;
}
#menu {
width: 200px;
float: left;
}
#kontener to opakowujacy div. #szary to twoj div z szarym tlem. #menu to opakowanie na pozycje menu. Ustawiasz to tak:
Kod:
<div id="kontener">
<div id="menu"> tutaj elementy menu</div>
<div id="szary"></div>
</div>
Teraz powinieneś już sam dokończyć bo jest to banalnie proste