Bilder in der Navigation die mit CSS eingesezt werden

Also ich mache das normalerweise immer so, dass ich meine Navigationen aus Hintergrund-Bildern besteht, die ich mittels CSS in die html-Datei einlade. Der Quellcode sieht dann etwa so aus:

<ul>
<li><a class="home" href="index.html">home</a></li>
<li class="aktiv"><a class="portrait" href="portrait.html">portrait</a></li>
<li><a class="leistung" href="leistung.html">leistung</a></li>
<li><a class="referenzen" href="referenzen.html">referenzen</a></li>
</ul>


.
.
.
etc

Die CSS-Datei sieht dann etwas so aus:

.home {background: url(home.gif) -169px 0px no-repeat; width: 166px;}
.portrait{background: url(portrait.gif) -169px 0px no-repeat; width: 166px;}
.leistung{background: url(leistung.gif) -169px 0px no-repeat; width: 166px;}


.
.
.
etc.

Mein Frage nun:
Wie bekomm ich in Wordpress diese Category-Namen (also z.B. home, portrait...) in den Quellcode.

Oder gibt es für diesen Zweck vielleicht ein Plugin oder irgendeinen anderen Weg?

Beste Grüße und danke im Voraus!

Aha! Danke!
Das sieht vielversprechend aus. Dann hoffe ich nur, dass der Code auch mit id statt mit class funktioniert.
Also etwa so:

<li><a id="leistung" href="leistung.html">leistung</a></li>