wp kod yapısını bilmediğim için böyle birşey yaptım.

.aycan{width:300px; height: 300px; text-decoration:none; background: url(https://www.r10.net/images/misc/vbulletin3_logo_white.gif);}
.aycan a{ width: 300px; height: 300px; display: block;}
.aycan a:hover{background: url(https://www.r10.net/images/buttons/reply.gif) no-repeat 100px 140px;}



<div class="aycan">
<a href="#"></a>
</div>

galiba demek istediğiniz böyle birşey? eğer illa resim üzerine gelince icon çıkacak diyorsanız o ie yanlı tarayıcılarda sorun verir JS ile yapmak lazım .

Eğer div yapısını verirseniz boş bir zamanımda JS olarak yapabilirim.