Ayuda para arreglar estos fallos

[Mikmoro]

Bueno, esto habría varias maneras de hacerlo. Yo la que te recomiendo, por cómo tienes actualmente el código, es esta:

- quita el height a tu div enlaces (#enlaces {height: 1.7em;}
y dale la altura a ese div con el alto de línea de los propios enlaces

a.enlace { background-color: rgb(159, 81, 47);
text-decoration: none;
color: rgb(255, 255, 255);
padding-right: 10px;
padding-left: 10px;
margin-top: 2px;
line-height: 28px;
}

Luego al hover de los enlaces le das un padding superior e inferior

a.enlace:hover { padding: 5px 10px;
text-decoration: none;
color: rgb(159, 81, 47);
background-color: rgb(255, 255, 255);
margin-top: 2px;
}

Y con esto te cubre todo, dejando una fina línea arriba y abajo. Si no la quieres, aumenta un poco el padding. Creo que funcionará bien.

P.D.: el elemento "vertical-align: middle" en este caso no te sirve de mucho.

Mikel.