Añade a tu declaración
Cita: .menu li a {
display: block;
}
Y es más práctico que no le des altura al elemento "li". Añades el padding necesario a los enlaces (menu li a ) y así te aseguras que quedan centrados en la vertical.
Tercer:
Usa la regla @font-face.
Aquí una guía para utilizarla. Pero recuerda que no todos los navegadores la soportan, así que define otra familia de las safety-fonts ("fuentes seguras") como complemento y seguro
Cuarto:
Si no quieres que haya zonas "en blanco" en el fondo de la ventana, aplica la imagen al "body" (si el diseño lo permite).
Y para evitar problemas con los valores por defecto de los distintos navegadores, utiliza un
reset + css
Un saludo
Edito:

pero en la edición
Añado: sugerencia: no utilices espacios en blanco o caracteres "extraños" en los nombres de archivo:
Imagenes/Home
%20fondo-01.png