<style type="text/css">
div.exMenuLinks{width:496px;margin:0 auto;}
div.exMenuLinks a{display:inline-block;width:120px;height:60px;text-decoration:none!important;outline:none!important;background-image:url(http://likbezz.ru/_fr/5/9614914.png);background-repeat:no-repeat;}
a.p1{background-position:0px 0px;}
a.p1:hover{background-position:-0px -60px;}
a.p2{background-position:-120px 0px;}
a.p2:hover{background-position:-120px -60px;}
a.p3{background-position:-240px 0px;}
a.p3:hover{background-position:-240px -60px;}
a.p4{background-position:-360px 0px;}
a.p4:hover{background-position:-360px -60px;}
</style>
<div class="exMenuLinks">
<a class="p1" href="#" onclick="alert('А вот кликать, необязательно ́́́ツ');return false;">&nbsp;</a>
<a class="p2" href="#" onclick="alert('А вот кликать, необязательно ́́́ツ');return false;">&nbsp;</a>
<a class="p3" href="#" onclick="alert('А вот кликать, необязательно ́́́ツ');return false;">&nbsp;</a>
<a class="p4" href="#" onclick="alert('А вот кликать, необязательно ́́́ツ');return false;">&nbsp;</a>
</div>