[css] jak zrobic podwojny hover

[grzenio]

http://s4group.pl/arbat/

odnosnie tej strony a mianowicie po boku w menu zmienia sie kolor z a:hover ale chcialbym aby po najechaniu na ten link zmienial sie tez obok obrazek i w sumie zabardzo nie wiem czy to mozliwe a jesli tak to jak to zrobic.. prosilbym o pomoc. w skrocie po najechaniu na linka chcialbym zmieniac 2 obiekty w css

[Tomek]

np. tak:
<li id="link1"><a>link</a><span></span></li>
<li id="link2"><a>link</a><span></span></li>

i robisz sobie w css:
li:hover a {
i tu zmiana dla linka - dla każdego identyczna}
a następnia
li#link1:hover span {
i tu zmiana obrazka dla pierwszej pozycji menu}

To w uproszczeniu. Pamiętaj też o tym że IE <7 nie obsługuje hover dla innych elementów niż a - ale rozwiązań jest pełno w sieci.

Ps - czy to menu (same nazwy) muszą być naprawdę na grafice?

[grzenio]

wsumie kazdy ma byc inny napis na menu wiec ta metoda odpadla i wiem o ie i innnych elementach niz a. wiec tutaj zostalo wykorzystane kawalek javascript i wszystko dziala

[Gość]

chyba

<span id="link1"><a href="http:/www.wp.pl">www.wp.pl</a></span>
<span id="link2"><a href="http:/www.onet.pl">www.onet.pl</a></span>

a potem w CSS

span#link1:hover {background-color: red }
span#link2:hover {background-color: yellow }