Menu avec onglet en CSS

Bonjour,

Je débute en CSS et je dois réaliser quelque chose que je trouve assez complexe.
J'ai créé (avec Joomla) un menu afin de répertorier les pages de mon site web.
En voici le code final :

<ul class="menu">
<li class="item62"><a href="/temoignages.html"><span>Témoignages</span></a></li>
<li class="item63"><a href="/presse.html"><span>Presse</span></a></li>
<li class="item64"><a href="/partenaires.html"><span>Partenaires</span></a></li>
</ul>

Je souhaiterais maintenant intégrer sur chacun des 3 titres de mon menu un onglet (via du code CSS).
L'onglet est le fichier petit.png

J'ai commencé en faisant ça :
.menu{
background-image: url(/images/petit.png);
}

Mais l'onglet se répète plusieurs fois horizontalement.

Pourriez-vous m'aider SVP.

Merci d'avance.

QuiKMaN