[css] pozycja tla Opcje

[--GoGo--]

Witam

Mam menu, w nim sa separatory. Nie chce robic <div class="separator"></div>, wiec zrobilem sobie tak, ze kazdy <a> ma background: url('separator.png') no-repeat left center; do daje zadowalajacy efekt, ale wtedy separator jest po lewej stronei danego linku, co brzydko wyglada w przy :hover.

Wymyslislem sobie ze polowa separatora mogla by byc po lewej, a druga po prawej(separator ma 2px)
zrobilem tak: background: url('separator.png') -1px center;, co daje zadowalajacy efekt, tylko nie wiem jak to samo zrobic po prawej - jak zrobic tlo po prawej wysuniete o 1px
CSS nie przyjmie mi czegos takiego:

[HTML] pobierz, plaintext 
background: url('separator.png') right center 1px 0;
[HTML] pobierz, plaintext 

Jest na to jakis sposob pomijajacy tworzenie w tym celu 2 obrazkow?(aby nie bylo jeszcze bardziej skomplikowane)

Z gory dziki za wszelkie odpowiedzi
Pozdrawiam
Kamil