[CSS]Jak zrobić tło z dwóch elementów?, Problem z "a:hover" Opcje

[ujex]

Mam taki problem: moje menu ma ustawione tło z dwóch gifów (nie wiem czy to dobry sposób ale mam rózne szerokosci elementów i w taki sposób łatwo nimi manipuluje) teraz chcialbym zarobic tak zeby po najechaniu kursorem na element jego kolor sie zmienial. Tylko że w "a:hover" ustawiam tylko jedno tło i kolor zmienia sie na polowie elementu.

Ze zwyklym "a" załatwiłem to tak że jeden element dałem właśnie do "a" a drógi do "li".

Prosze o pomoc lub jakies inne rozwiazanie tego problemu o którym nie wiem