Problem z poziomym Menu

[M17ek]

Witam , pracuje nad moją pierwszą stroną i mam problem , mianowicie chce mieć menu poziome ale takie aby po najechaniu na nie myszką pojawiał się obrazek , wiem jak zrobić aby pojawił się obrazek i się powtarzał , lecz ja chce mieć złożone z 2 obrazków Jednego stałego po lewej a drogiego dołączanego z prawej dokładnie tak jak na tym zdjęciu ,

tylko ze nie mogę dołączyć jednego obrazka dlatego ze robię menu w postaci wyśrodkowanego

display: inline;
white-space: nowrap;

jak wiadomo nie można tutaj ustalić precyzyjnego jednakowego rozmiaru i dodac jednego "bg" , przynajmniej ja wiem tak z kursu Mecze się i nic nie mogę wymyślić :/
Może zna ktoś jakiś kurs dobry CSS zęby się trochę jeszcze dokształcić ? BO przeczytałem cały z "kurshtml.boo.pl" ale nie umiem niektórych rzeczy właśnie np. menu :/

[Dhofca]

Wejdź na jakąś stronę z menu podobnym do tego, które chcesz stworzyć i zobacz jak to jest zrobione. To chyba będzie najlepsze, bo źle się do tego zabierasz.

[Kartofelek]

a nie lepiej dac do LI link, ktory bedzie mial ustawione margin-right:20px; + wrzucic span, ktory bedzie pozycjonowany do prawej strony tego LI?
Jeżeli chcesz inline, to powodzenia w ustalaniu szerokosci dla tych przyciskow w Ie6. Ale to tez spokojnie da sie obejsc ;]

Zobacz jak takie przyciski tutaj robilem, moze to ci pomorze:
http://doman.art.pl/kursjs/kurs/jquery/tabs.html