Creo que te refieres al parpadeo ese extraño que ocurre.
Eso es así, porque le estás asignando que una vez el :hover tenga un padding, pero lo pierde al volver a salirse. Para este caso, y en general, para evitar este tipo de extraños y otros, lo ideal es indicar en tu regla para el :hover sólo los atributos que realmente necesitas cambiar. Si a un enlace le cambias sólo su tamaño, padding u otros en :hover, tienes que asegurarte te que no existan conflictos de este tipo.
En principio cambiando estas dos reglas debería de funcionar bien:
Código CSS:
Ver original#menu li a {
display: block;
font-family: Arial;
font-size:12px;
padding: 20px;
margin-right: 2px;
margin-left: 1px;
padding-top: 6px;
padding-bottom:2px;
color: #000000;
font-weight:bold;
border-radius: 5px 5px 5px 5px;
}
#menu li a:hover {
background-color: #088A08;
text-decoration: none;
color:#FEFEFE;
}
Cuando publiques código, no te olvides de hacerlo usando highlight o code.
