"Reiter"-Navigation mit Hintergrundbild

[benben]

Hallo Forum,
sorry für den komischen Titel. Was besseres ist mir nicht eingefallen :)

Also folgendes:
Ich bau mir gerade eine Navigation, indem die einzelnen Menüpunkte als unsortierte Liste aufgeführt werden. So sieht das Ganze im CSS aus

#primary a
  {
    color: #000000;
    display: block;
    float: left;
    padding: 14px 14px 5px 14px;
    text-decoration: none;
  }

#primary a:hover
  {
    background: #6DA6E2 url(images/tabs.png) ;
    text-decoration: none;
    background-color:#FF0000;
    color:#FFFFFF;
  }

#primary a.active
  {
background: #6DA6E2 url(images/tabs.png) ;
color:#FFFFFF;
  }

Funktioniert auch alles wunderbar. Nur leider sehen die Tabs nicht ganz so aus wie vom Grafiker gewünscht. 1. Ist da nämlich ein Farbverlauf drin (das passt noch, da ich den JPG-Schnipsel als BG reinlade) aber links und rechts von jedem Button soll der Tab schön abgerundet sein. Ich müsste also jeweils nochmal ein bild links und rechts "hinkleben". Nur wüsste ich jetzt ncht, wie ich das innerhalb von Listen-Elementen machen soll.

Das Ganze ergibt übrigneds ein Drupal-Theme.
Hat da jemand einen Tipp?

Vielen Dank und einen schönen Abend
benben