Lo siento pero no me sale como dices. Si reduzco a 52px en a.enlaces, afecta a la <li> linkada y el problema sucede en la <li> que no lo está. Pongo el código más sencillo de todos para que lo puedas ver:
#menu{
margin:0px;
padding:0px;
list-style:none;
}
#menu li{
width: 217px;
height: 54px; (si lo cambio por 52px, no veo que varíe)
margin-bottom:20px;
padding:0px;
border:1px solid white; (el borde problemático)
}
#menu li a.enlace{
width: 217px;
height: 54px;
display: block;
position: relative;
background-image: url(botones/mando1.jpg);
background-repeat: no-repeat;
}
Ahora hacemos una lista de dos ítems:
<ul id="menu">
<li ><img src="botones/mando1.jpg"></li>
(ésta es la img que tiene separación de borde)
<li><a href "#" class="enlace"></a></li>
(ésta se ajusta perfectamente)
</ul>
observa ahora lo que pasa con la <li> que no tiene a href
Aguardo tu respuesta.
Cuideru.