Menu en onglets avec :after -> souci avec le dernier onglet

Bonjour,

J'ai repris le tutoriel sur les menu avec onglet grâce aux pseudo-classe :before et :after, et remis à ma sauce pour mon propre menu. En l'occurrence, je n'utilise que :after.

Mon menu fonctionne bien sous FF et IE (grâce au hack IE7), sauf pour le dernier onglet dont l'image du :after n'apparait pas, et je ne comprend pas pourquoi. Quelqu'un comprend là où je sèche ?

Voici mon code :

<ul id="menu">
	<li><a href="#">Pr&eacute;sentation</a></li>
	<li><a href="#">Occasions</a></li>
	<li><a href="#">Services</a></li>
	<li><a href="#">News</a></li>
	<li><a href="#">Partenaires</a></li>
	<li><a href="#">Contact</a></li>
</ul>

#menu a {
	text-decoration: none;
	background-image: url("../images/centre.gif");
	color: #ddd;
	font-weight: bold;
	padding: 0 0 0 5px;
	margin: 0;
	border: 0;
	border-left: 1px solid black;
}

#menu li a:hover {
	color: #fff;
}

#menu a:after {
	content: " ";
	width: 6px;
	margin-left: 5px;
	padding: 0;
	background-image: url("../images/droite.gif");
	background-repeat: no-repeat;
}

La page est ici


Merci