Выборочное изменение фона

[user]

<a href=""><img src="image.jpg"><span>read more</span></a>

a{width:100%;height:auto}img{width:100%;height:auto;}span{position:absolute;right:10px;bottom:10px;width:100px;height:100px;background:url("img.jpg") 0 top;}a:hover span{background-position:0 bottom;}

Конструкция,конечно,упрощенная,но должно быть понятно.При наведении на span должен меняться ее фон,но в реале он меняется при наведении вообще на всю область ссылки.Раньше картинка была фоном ссылки,но я сделал ее img,потому что нужна резиновая верстка.Не хочется двойные ссылки делать,потому что потом будет много мороки.

Edited May 29, 2015 by user

[Switch74]

возможно так

a span:hover {background-position:0 bottom;}

[user]

Как бы да,но это не кроссбраузерно.

[Switch74]

иначе скрипт

[user]

Таки получилось сделать скриптом,думал,что это можно средствами CSS.