[CSS] Lista ul Opcje

[styryl]

Witam

Mam mały problem z którym nie umiem sobie poradzić, mam liste kod:

[HTML] pobierz, plaintext 
<ul class="menu">
    <li><a href="index2.php">Facet</a></li>
    <li><a href="index2.php">Moda</a></li>
    <li><a href="index2.php">Gry</a></li>
    <li><a href="index2.php">Rozrywka</a></li>
 </ul>
[HTML] pobierz, plaintext 

i kod css:

[HTML] pobierz, plaintext 
ul.menu, ul.menu li {display: block;list-style: none;margin: 0;padding: 0;}
ul.menu {float: left;width: 100%;}
ul.menu li {float: left;}
ul.menu a:link, ul.menu a:visited {text-decoration: none;display: block;padding: 7px 15px 8px 15px;color:#FFFFFF;font-size:12px;font-weight:bold;}
ul.menu a:hover {background: #B4211F;}
[HTML] pobierz, plaintext 

wszystko fajnie działa ale gdy klikne w jakąś pozycje z menu lista się rozjeżdża nie mam najmniejszego pojęcia czemu.

Prosze o pomoc

Pozdrawiam