Witam! Mam taki kog CSS:

[HTML] pobierz, plaintext 
 #left_menu { 
    float: left; 
    width: 240px; 
    margin:  15px 0 15px 5px; 
    padding: 5px; 
    background-color: #FFF; 
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -khtml-border-radius: 3px; 
    list-style: none; 
    display: block; 
} 
 
#left_menu li a { 
    display: block; 
    height: 20px; 
    margin: 4px 0 5px; 
    font-family: tahoma; 
    font-size: 11px; 
    font-weight: bold; 
    color: #000; 
    text-decoration: none; 
    padding: 5px; 
	/*border-bottom: 1px solid #000;*/
	line-height : 20px; 
} 
 
#left_menu li a:hover { 
    background: #0b4774;
	color: #FFF;  	
	margin: 0 auto;
	padding: 5px; 
} 
[HTML] pobierz, plaintext 

Kod Menu HTML:

[HTML] pobierz, plaintext 
<ul id="left_menu">
	<li><a class="menu" href="index.php">Strona główna</a></li>';
	<li><a class="menu" href="#">Menu #2</a></li>
        <li><a class="menu" href="#">Menu #3</a></li>
</ul>
[HTML] pobierz, plaintext 

Wszystko pięknie. Ale gdy najeżdżam na pozycje w menu to menu tak jakby się "rusza" albo się rozszerza lekko w dół albo górę.. Ale zauważyłem, że tylko na pierwszą i ostatnią pozycję.
Niby to nie przeszkadza, ale wkurza. Jak to naprawić?

Jeśli skacze to znaczy, że zmienia się rozmiar. przyczynami mogą być: padding, margin, border. Sprawdź wymiary elementów w normalnym stanie i po najechaniu kursorem.

[HTML] pobierz, plaintext 
margin: 4px 0 5px;
[HTML] pobierz, plaintext 

Tego w hover brakowało. Dziękuję.