Mouvement de menu au hover

Bonjour à tous,
Je m'en remet à vous car je ne parviens pas à régler un problème sur le site web sur lequel je travaille en ce moment. Je n'ai que très peu d'expérience dans le web et c'est la toute première fois que je m'attaque à un CMS, j'ai donc du mal à m'en sortir dans les codes et CSS....

Le contexte:
Le site est réalisé sous Wordpress version 3.9.1.
Le thème utilisé est un thème enfant de Responsive de CyberChimps.
Le site est accessible à l'adresse suivante : http://www.iut-lens.univ-artois.fr/

Le problème:
Sous Firefox (et, m'a-t-on dit, sous Safari, mais je n'ai pas ce navigateur sous la main pour vérifier), lorsque je passe la souris sur un lien de l'un de mes menus, le menu se barre de sa boite.
Tout se comporte très bien sous Chrome et Iron.
J'ai beau fouiller avec l'inspecteur de FF, je ne trouve pas ce qui pourrait causer le problème.... La seule chose que j'ai remarqué, c'est un morceau de 'li' qui se case dans un coin et semble être à l'origine du problème, car un hover sur cet endroit précis provoque le même problème.
Pour être plus clair, voici des screens:
Le menu en temps normal: https://i.imgur.com/0BOuJpz.jpg
Hover sur un élément du menu: https://i.imgur.com/WkQOG2O.jpg
Hover sur l'extremité de la barre grise: https://i.imgur.com/vTS3o7L.jpg
L'identité de ce morceau sur la barre grise: https://i.imgur.com/0mnWug6.jpg

La structure du menu:

	<ul id="menu-vous-etes" class="sub-header-menu"><li id="menu-item-109" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-109"><a href="#"></a>
<ul class="sub-menu">
	<li id="menu-item-719" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-719"><a href="http://www.iut-lens.univ-artois.fr/lyceens/">Lycéens</a></li>
	<li id="menu-item-718" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-718"><a href="http://www.iut-lens.univ-artois.fr/etudiants-etrangers/">Etudiants Etrangers</a></li>
	<li id="menu-item-717" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-717"><a href="http://www.iut-lens.univ-artois.fr/etudiants-2/">Etudiants</a></li>
	<li id="menu-item-716" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-716"><a href="http://www.iut-lens.univ-artois.fr/en-reprise-detudes/">En reprise d’études</a></li>
	<li id="menu-item-715" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-715"><a href="http://www.iut-lens.univ-artois.fr/entreprises/">Entreprise</a></li>
	<li id="menu-item-714" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-714"><a href="http://www.iut-lens.univ-artois.fr/liut/medias/">Medias</a></li>
</ul>
</li>
</ul>

Et concernant le code..... Et bien c'est difficile, car le CSS est éparpillé entre mon propre CSS et les différents fichiers du parents auxquels je ne comprend rien.... Peut-être le plus simple est-il que vous regardiez cela via l'inspecteur de Firefox....?

D'avance, un grand merci à quiconque m'accordera un peu de son temps.