Okrągłe przyciski menu

Czy komuś z was udało się zrobić okrągłe przyciski dla primary_links?

Próbowałem zagnieździć div w div i ustawić odrębny background w css:

#primary a {
        background:url(img/tab-l.png) left no-repeat;
        }


#primary-inner a {
        background:url(img/tab-r.png) right no-repeat;

}

#primary a:hover, #primary a.active {
        background:url(img/tab-l.png) left no-repeat;
        }

#primary-inner a:hover, #primary-inner a.active {
        background:url(img/tab-r.png) right no-repeat;
        }

niestety wyświetlany jest tylko zaokrąglony background z prawej strony. Jak zrobić, żeby cały przycisk był okrągły?

Sposób wyświetlania odpowiedzi

Wybierz preferowany sposób wyświetlania odpowiedzi i kliknij "Zachowaj ustawienia", by wprowadzić zmiany.

Znalazłem sam

Trzeba zastosować jako tło prawy róg dla elementu „li” i lewy róg dla „a”:

#primary li {
background:url(img/tab-r.png) top right no-repeat;
}

#primary a {
        background:url(img/tab-l.png) top left no-repeat;
}

Może komuś się to przyda.