ayuda con hover de menu vertical, creo que es facil pero...

aquí está mi web:
[url=http://www.tererico.es/index2.php][/url]

le he puesto un menú vertical a la izquierda y al pasar con el ratón por encima de las opciones del menú (li:hover), en las opciones que pone el texto en dos líneas, me queda mal

uff... no sé si son las horas, pero veo que me estoy explicando muy mal

resumiendo, pasando con el ratón por encima de la sección del menu "preguntas frecuentes" ¿veis como queda mal lo que configuré con el hover?
creo que debe de ser una tontería, pero no se me ocurre cómo solucionarlo... ¿alguien me sabría ayudar??

muchas gracias por anticipado

Sip, tu error es que le agregas un padding y esas dos palabras ya no caben con el padding adicional:

Código CSS :

nav ul li a:hover, nav ul ul.acordeon li:hover {
     padding: 5px 10px; /*Esta es el problema */
}

reduce el padding o en su caso.. amplia el area

Código CSS :

nav {
/* margin: 15px 0px 0px 17px; */
padding: 12px;
box-sizing: border-box;
}

gracias por tu respuesta!!!