Menu poziomie w css

Witam,

Mam problem z poziomym menu. Nie mogę ustawić “Strona główna” i “Kontakt” w poziomie. Jeżeli ustawię to wtedy się przestawia i jest źle.

To jest kod HTML

Główna

[/code] A To kod css

[code]body { margin-left: auto; margin-right: auto; width: 960px; height: auto; } #header { width: 960px; height: 140px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background-color:Silver; } #topHeader { width: 100%; height: 110px; background-color: Red; } h1 { float: left; width: 200px; height: 30px; } #menuHeader { width: 100%; height: 30px; } #menuHeaderUl { width: 100%; height: 30px; background-color: Blue; } ul { display: block; list-style: none; margin: 0; padding: 0; } ul, li { float: left; } ul a:link, ul a:visited { text-decoration: none; display: block; width: 100px; text-align: center; background-color: #FFFFFF; color: #003366; padding: 5px; }

http://jsbin.com/esera6/

Działa, dzięki:)