Как сделать кнопку при наведении курсора картинка изменяется

[GhostNiniga]

Я хочу сделать свою кнопку при наведении курсора картинка изменяется

Это CSS код:

.hrss { float: right; margin-top: 8px; padding-top: 32px; width: 32px; background: url("http://codmws.ucoz.ru/rsshead.png") no-repeat; }
.lcol { float: left; } .rcol { float: right; }

А это код могу вставить куда хочу:

<a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a> 

Помогите дополнить кнопку при наведении курсора картинка изменяется

[Arinden]

.hrss:hover {background: url("http://www.facebookpagetemplates.com/images/icons32x32/facebook_32.png") no-repeat;}

[GhostNiniga]

.hrss:hover {background: url("http://www.facebookpagetemplates.com/images/icons32x32/facebook_32.png") no-repeat;}

НЕ ПОЛУЧАЕТСЯ

[avtonomys]

<a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a> 

.hrss {display:block; line-height:10000px; overflow:hidden; width:32px; height:32px; background:url(http://codmws.ucoz.ru/rsshead.png) no-repeat;}
.hrss:hover {background:url("http://www.facebookpagetemplates.com/images/icons32x32/facebook_32.png") no-repeat;}

[GhostNiniga]

<a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a> 

.hrss {display:block; line-height:10000px; overflow:hidden; width:32px; height:32px; background:url(http://codmws.ucoz.ru/rsshead.png) no-repeat;}
.hrss:hover {background:url("http://www.facebookpagetemplates.com/images/icons32x32/facebook_32.png") no-repeat;}

Не получается ((

[Arinden]

НЕ ПОЛУЧАЕТСЯ

Что именно? Замените url на свой.

У меня всё чудесно работает.

Edited February 13, 2012 by Arinden

[GhostNiniga]

НЕ ПОЛУЧАЕТСЯ

Что именно? Замените url на свой.

У меня всё чудесно работает.

СПАСИБО ЗА СОВЕТ, МНЕ НРАВИТСЯ САЙТ!!!