No rzeczywiscie nie napisalem wam zaduzo

Mam taki kod html:
<li><a href="#" title="Strona Główna">Strona Główna
</a></li> <li><a href="#" title="Strona Główna">Rejestracja
</a></li> <li><a href="#" title="Strona Główna">Logowanie
</a></li> <li><a href="#" title="Strona Główna">Uzytkownicy
</a></li> <li><a href="#" title="Strona Główna">Forum Elite
</a></li> <li><a href="#" title="Strona Główna">Szukaj
</a></li> <li><a href="#" title="Strona Główna">Pomoc
</a></li> <li><a href="#" title="Strona Główna">Kontakt
</a></li>
i css:
ul, ul li { display: block; list-style: none; margin: 0; padding: 0;}
ul li{ width: 99px; height: 31px; margin: 0 7px; top: 8px; margin: 0 25px; display: inline; position: relative;}
ul a:link, ul a:visited {color: #fff; text-decoration: none; font-size: 13px; font-family: Arial;}
ul a:hover {background-image: url(img/top_hover.png); width: 99px; text-align: center; position: relative; color: #fff; text-decoration: none; font-size: 13px; font-family: Arial;}
hover nie wyswietla sie tak jak powienien.