[CSS][HTML] <li> - brak przejścia do nowej linii Opcje

[Turson]

[CSS] pobierz, plaintext 
.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;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="prawo">
<div id="menu">
<div class="mtytul">NAJNOWSZE</div>
          <ul>
               <li><a href="#">+ Logowanie i rejestracja (PHP)</a></li>
               <li><a href="#">+ CSS</a></li>
               <li><a href="#">+ PHP</a></li>
          </ul>
[HTML] pobierz, plaintext 

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'...