Mettre séparation verticale dans les menus

Bonjour,

J'ai un petit menu comme ca:
http://img269.imageshack.us/img269/8172/97464264.png

Et j'aimerais mettre des séparations verticales entre les liens:
http://img193.imageshack.us/img193/1723/21156004.png

L'image de séparation:
http://img89.imageshack.us/img89/4057/menubarseparator.png

J'ai essayé avec des divs mais ca ne marche pas, pouvez-vous m'indiquer comment faire? Merci d'avance, a bientôt.

J'ai oublié la page de test

Bonjour
personnellement je l'ai fait en incluant l'image vertical sur l'image d'arrière plan du bouton.
La barre vertical est dans mon cas à l'extrémité gauche de l'image comme tu peux le voir sur cette image.
Personnellement chez moi ça a donné ceci

Ensuite, si tu rajoutes un lien il suffit de jouer sur les marges. L'arrière plan du bouton est en fait beau plus large que ce qu'on voir, ce qui permet de les agrandir ou les diminuer à loisir.
Après ça c'est une méthode perso, je pense qu'il doit y avoir quelque chose de mieux.
Modifié par Sam Soul (20 Sep 2009 - 10:38)