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

Pod jaką przeglądarką i w jaki sposób się rozjeżdża? Ja widzę poziomą listę po najechaniu na która zmienia się kolor tła elementu. Może nie podajesz pełnego kodu? Albo rozjeżdża Ci się przez ustawienia na stronie na którą przechodzisz?

Na każdej przeglądarce jest tak samo, zanim nie klikne w jakąś pozycje w menu wszsytko jest ok ale jak klikne w menu np w facet to się rozjeżdża przypuszczam żę chodzi o to ul.menu a:visited

w a:visited masz ustawione odstępy - padding

Niestety też nie, po usunięciu padding dalej pozostaje rozjechane

a ja nie widzę żadnego problemu...
u mnie po kliknięciu jest tak samo jak przed

Też nie wiem o co chodzi... A jakiej przeglądarki używasz?