[CSS] Backgroun z 3 obrazków - ustalenie granic środkowego repeat-x Opcje

[Elber]

Witam, chcę zrobić taki button (IMG:http://s3.postimage.org/7jjaz0g4/menu_top_active.png) za pomocą css'a, mam tą lewą i prawą stronę wyciętą i środek 1px, który powinien się rozciągnąć między tymi dwoma końcami, jednak środek rozciąga się pod tymi 2 obrazkami (IMG:http://easycaptures.com/fs/uploaded/572/9981541370.jpg)

[HTML] pobierz, plaintext 
background: url("images/menu_top_active_left.png") no-repeat left 9px,url("images/menu_top_active_right.png") no-repeat right 9px,url("images/menu_top_active_center.png") repeat-x center 9px transparent;
[HTML] pobierz, plaintext 

Jak zrobić aby wyglądało to poprawnie ?

[Vhaeraun]

A nie lepiej podzielić ten button na 2 zamiast 3 części ?
Jedną część (jakieś 5-15px z lewej strony obrazka) dajesz jako background link'a, następnie do środka link'a pakujesz element <span> i jemu ustawiasz jako background drugą część obrazka (tutaj przedłużasz środek - czyli to co u Ciebie było 1px - i dodajesz prawą stronę obrazka).
Tu jest to lepiej opisane:
http://www.oscaralexander.com/tutorials/ho...s-with-css.html (mniej więcej od połowy strony jest opisana to co tu próbowałem wytłumaczyć).