elemento a se mueve al seleccionarlo

[elhombredeblanko]

hola tengo un elemento "a link" en mi proyectito y al momento de seleccionarlo se mueve tantito hacia la derechaa al pasar el mouse
tmb tengo un

Código CSS:

a: hover
{
    cursor: pointer;
    border-right: 1px solid #D0D0D0;
}
 

alguien sabe por que,, quiero que al pasar el mouse no se muevaa
solo que aparescan las lineas de alado

gracias

[Benderzuelo]

Hola, seguramente en el estado normal no tenga borde entonces al añadir borde en el hover se mueve. Ponle un borde de 1px en el estado normal y no te pasará

[elhombredeblanko]

tengo estas dos clases Benderzuelo

mi menu

Código HTML:

<div class="menu"><a href="contacto.html" target="body">Contacto</a></div>
<div class="menu"><a href="contacto.html" target="body">Cliente</a></div>
 

Código CSS:

.menu{
padding: 15px 20px 15px 23px;
margin: 8px 0px 8px 8px;
vertical-align: middle;
vertical-align: top;
font-family: Tahoma;
font-size:16px;
float:left;
border:1px;
}
 

Código CSS:

.menu: hover{
cursor: pointer;
border-right: 1px solid #D0D0D0;
border-left: 1px solid #D0D0D0;
}
 

nose donde esta el error, :(
que tengo ke modificar o añadir
gracias por tu respuesta amigo

[elhombredeblanko]

lo que pretendo hacer es que al pasar el mouse por una palabra del menu, se aparescan
las lineas a la orilla de cada palara con el
border-right: 1px solid #D0D0D0;

y si me funciona pero la palabra se mueve tantito

[Benderzuelo]

Si es por lo que te he comentado. Ponle en el menu normal un border 1 px del mismo color que el fondo para que no parezca que hay un borde y asi al cambiar a hover no se movera

[elhombredeblanko]

woooww!!!
muchisimas gracias Benderzuelo
si me funciona tal cual lo estaba buscando
muchas gracias amigo por tu aporte :D
saludos