Problem z menu

Robię dla znajomego stronkę i ten znajomy zażyczył sobie żeby menu i logo jego firmy znajdowało się na tej samej wysokości i w tej samej belce. belka ma znajdować sie na samej górze strony i ma mieć szerokość 100%. użyłem float left dla logo i float right dla menu i wszystko wygląda dobrze do pewnego momentu. Po belce muszę dodać kolejny element, container, szeroki na 960px. i w momencie gdy chce zrobić margines górny tego containera to zaczynają się kłopoty. po dodaniu margin-top:20px; ten margines nie działa tylko na conteiner ale też na belke z menu i logo. tzn układ jest taki: od samej góry, najpierw jest 20px marginesu, później jest belka z menu i logiem, nastpenie 20px marginesu i w koncu container. Może ktoś wytłumaczyć gdzie robie błąd? dodam tylko że próbowałem z clear:both ale nic to nie daje.

Tutaj załączam zawartość pliku html i css:

[edycja: skasowano]