Já consegui com este código o efeito pretendido:
<a class="myButtonLink" href="http://www.quest4k.com/" rel="nofollow">Leaf</a>
<style>.myButtonLink {
display: block;
width: 139px;
height: 59px;
background: url('http://estudantevirtual.com/wp-content/uploads/2011/12/quest4kfooter.png') bottom;
text-indent: -99999px;
}
.myButtonLink:hover {
background-position: 0 0;
}</style>
No entanto, quando repeti o código (quero 2 banners a fazerem isto) só funcionou o 1º. Alguém sabe como resolver?