Dim@,
Что за жуть? Что за чудовищный велосипед?
Deff,
Уже лучше, но всё равно прошлый век, и лишние телодвиения.
DeHver,
Да именно так всё и делается, причём желательно с помощью спрайтов, чтобы избежать мигания до загрузки(и в целом ускорить загрузку сайта).
<style>
a.button{
cursor:pointer;
display:block;
width:168px;
height:76px;
background-image:url(http://javascript.ru/forum/images/ca_serenity/misc/logo.gif);
}
a.button:hover{
background-position: -168px 0;
}
</style>
<a href="#" class="button"></a>
Соответственно картинка должна быть склеена из 2х(и более).