Помогите! Нигде не могу найти примера.
Дело в том , что ссылки оформлены в виде
<A class="sublinks" NAME="NewsArchive" HREF="."><img border="0" src="images/arrow.jpg" width="8" height="7">Архив новостей</A><br/>
То есть сылка представляет собой маленькую картинку и следующуюю за ней надпись.

При наведении на ссылку нужно, чтобы ее цвет менялся. Понятно, что это легко сделать через CSS:
A.sublinks:hover {color: #FFFFFF; text-decoration: none}.
Но надо также, чтобы при этом еще менялся цвет картинки, то есть менялась картинка, тоже на беленькую.
Причем не только при наведении на саму картинку (на этот счет примеры есть в сети), а при наведении на ссылку в любом ее месте (и в области картинки, и в области текста).

Очень надо. Заранее благодарен за помощь!

Вроде сделал все, но картинки в бекграунде не вижу вообще :(
Наверное торможу где-то.

Кусок хтмл:
<A class="sublinks" NAME="NewsArchive" HREF=".">Архив новостей</A><br/>
<A class="sublinks" NAME="History" HREF=".">История</A><br/>

Кусок стилей:

A.sublinks {
font-size: 13px;
display: block;
background-image: url(images/arrow.jpg);
/*background-position: 0 0;*/
background-position: 0px 0px;
line-height: 0.3;
}

A.sublinks:link {color: #90C8FF}
A.sublinks:visited {color: #90C8FF}
A.sublinks:active {color: #90C8FF}

A.sublinks:hover {
color: #FFFFFF;
text-decoration: none;
display: block;
background-image: url(images/arrow.jpg);
}

Большое спасибо!
Все заработало.
Никогда раньше не занимался дизайном - а тут пришлось срочно.
Ошибкой было использование <br> вместе с блоками. Из-за этого пришлось делать меньше единицы значение line-height, что привело к затиранию части картинки <br>-ами, у которых стиль по умолчанию.
А по началу действительно не находила рисунков, я думал что путь в css никак не отличается от относительного пути в самом html.