Cześć,
Potrzebuję zakodować poziome menu, oba końce zaokrąglone, pomiędzy poszczególnymi elementami listy separator w formie obrazka, przy hoverze podmiana obrazka, a po kliknięciu obrazka u dołu ma się pojawić strzałka w formie grafiki.

https://www.dropbox.com/s/1kidyl6molfqaaf/2...6-22_113859.png

Jak to ugryźć?

Nie wiem jakie przeglądarki i w jakich wersjach masz zamiar wspierać.
1. Zaokrąglone rogi (CSS: border-radius),
2. Separator może być:
2.1 zamiennikiem dla domyślnego stylu listy (list-style-type o ile mnie pamięć nie myli),
2.2 tłem pozycji listy lub linka (no-repeat, position: right, a do tego padding, żeby odsunąć),
3. Podmiana obrazka na hover - nie do końca wiem którego, ale: nadajesz :hover dla elementu w którym ma się zmieniać i przesuwasz obrazek tła.
4. Co do strzałki, możesz dodać dodatkową klasę dla pozycji w liście (np. li.current) i dodać strzałkę jako tło z parametrami analogicznie do 2.2