.prawo{float:right;width:150px;margin-right:5px;} //menu #menu { float:right; } #menu ul { list-style:none; margin: 0 0 0px 0;width:150px; padding: 0; } #menu ul li a { font: 13px arial; padding-left:10px; text-decoration: none; color: #424242; } .mtytul{background:#f4f4f4;width:150px;text-align:center;font-size:20px;cursor:pointer;border-bottom:1px solid #cfcfcf; font-family:Charlemagne Std;color:#75775b;padding:3px 0 3px 0;border-top:1px solid #cfcfcf;} #menu ul li a:hover { text-decoration:none;font-weight:bold; }
Kiedy <li> jest za długie jak w przypadku pierwszego to nie przechodzi do nowej linii a kończy się w miejscu, gdzie jest koniec strony.
Dodatkowo, link oraz pogrubienie :hover działa w pierwszy li gdy najadę dopiero na napis 'rejestracja'...