Margin indésirable avec un divider

Bonjour à toutes et à tous,

je suis en train de créer un menu avec un divider vertical en CSS, mais lorsque je fais un hover sur le lien, j'ai une marge à gauche indésirable.

Voici la démo sur JSFiddle: http://jsfiddle.net/8LpbE/1/

Merci d'avance de vos réponses.

Hello,

Mettez un commentaire html entre chaque item de liste pour supprimer l’espace blanc (white-space) indésirable ou collez le code sans espace.
display: inline-block et les espaces indésirables

Il doit y avoir moyen de générer les pipes via du contenu généré
Modifié par 6l20 (19 Apr 2013 - 19:23)

Et hop