Hola
La verdad que habian muchas cosas que sobraban y eran todo un poco caotico
,
he limpiado cosas que no hacian falta y te lo puesto de una manera para que no tuvieses el margen a la izquierda que era el problema.. ya que al pasar el raton la caja era mas grande que el enlace,
te doy un consejo, siempre ponle a todo un border: 1px solid black; y asi siempre sabras lo que te sobra en cualquier contenedor, te ayuda mucho para saber donde esta el problema.
te paso el css modificado:
Código CSS:
Ver original.menu-blogsuperior li {
position: relative;
list-style: none;
float: right;
display: block;
height: 21px;
}
.menu-blogsuperior li a {
display: block;
padding-left: 3px;
line-height: 22px;
text-decoration: none;
background-image: url(http://s29.postimg.org/fej6jangj/boton_fondo_probar.png);
background-repeat:no-repeat;
background-position:center;
text-align: center;
background-position:-5px -1px;
background-size:75px 24px;
width:65px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 14px;
color: #000000;
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
.menu-blogsuperior li:hover > a {
color: #FF6C6C;
}
.menu ul-blogsuperior li:last-child a { border: none; }
espero te sirva.. salu2