Lo ideal es que el enlace ocupe todo el ítem de la lista. Tendrías que hacer que fuera un elemento de bloque, y aparte, por definir la altura de
li, ajustar también la altura del enlace, pero no con
height, ya que se descolocaría en su vertical, sino con
line-height.
Código CSS:
Ver originala:link {
display: block;
line-height: 40px;
text-decoration: none;
color: white;
}
No hace falta que lo declares así también en los demás estados del enlace. Sólo define los valores que vayan a cambiar. En tu caso el color.