Najechanie na link + obok grafika Opcje

[byczek1984]

Witam
Mam mały problem...Otóż mam takie menu pionowe:
Strona główna
Aktualności
Wiadomości

do tego posiadam styl css:
a:link,a:visited,a:active {color: black;text-decoration: none;}
a:hover { color:white;}
I po najechaniu na określony link jest podswietlony na biało.
Natomiast jak zrobić żeby byl podświetlony na biało i jednocześnie obok pokazywal się taki symbol >> . czyli np.
Po najechaniu na 'Strona główna' wynik bedzie taki
Strona główna >>
Aktualności
Wiadomości

Pozdrawiam

Powód edycji: [Cysiaczek]: Przenoszę na po stronie przeglądarki (prosze nie krzyczeć na forum)

[-SaraniS-]

Witam
A ja proponuję jednak CSS, aczkolwiek bez pseudoklasy after (IMG:style_emoticons/default/smile.gif)
Jak?
Tworzysz obrazek o wysokości 2 razy większej, niż wysokość Twoich linków (elementów menu), w górnej połowie całkiem pusty, w dolnej - grafika jaką chcesz. I teraz, po najechaniu na link, w CSS podmieniasz sposób wyrównania obrazka, tak:

[HTML] pobierz, plaintext 
a:link, a:visited { url('sciezka/do/obrazka.jpg') no-repeat top left; }
a:hover, a:active { url('sciezka/do/obrazka.jpg') no-repeat bottom left; }
[HTML] pobierz, plaintext 

W odróżnieniu od pseudoklas, jak i JS (trzeba mieć włączony (IMG:style_emoticons/default/tongue.gif) ), działa we wszystkim co przetwarza CSS (IMG:style_emoticons/default/biggrin.gif)
Pozdrawiam