Bilder in List Items (Menüpunkten) positionieren

[le_unam]

Hi ich habe mal eine Frage und zwar möchte ich ein Menü formatieren, wo vor jedem Menüpunkt ein Bild angezeigt wird.
Ein Beispiel habe ich als JPG angehängt.
Ich könnte natürlich jetzt einfach den kompletten Button, also vorangestelltes Bild mit grauem Balken, als Grafik für die Buttons verwenden, das möchte ich eigentlich nicht. Ich würde gerne den Kreis vorne als Grafik verwenden und den grauen Balken mit css formatieren.
Wie geht das am besten bzw. einfachsten oder komm ich um eine Gesamtgrafik nicht drum rum?

Danke für eure Hilfe. Gruß Manu

HTML

<ul>
<li><a href="#">link nummer 1</a></li>
<li><a href="#">link nummer 2</a></li>
<li><a href="#">link nummer 3</a></li>
</ul>

CSS

ul {
   margin:0;
   padding:0;
   list-style:none;
}

ul li {
   margin:10px 0;
   padding:0;
}

ul li a {
   display:block;
   background-color:#cfcfcf;
   width:200px;
   padding:5px 5px 5px 50px;
   text-decoration:none;
}

 

[Tronjer]

:before.

 

[le_unam]

:before.

ich danke dir vielmals, damit konnte ichs tatsächlich abbilden :)