image rollover
<style>
#imagerollovermenu {
width: 960px;
height: 72px;
margin: 20px 0 60px 0;
}
#imagerollovermenu a {
float: left;
display: block;
width: 140px;
height: 52px;
text-decoration: none;
margin: 0 12px 0 0;
padding: 0;
}
#imagerollovermenu a.about {
background: url(images/menu4-sprite1.png) 0px 0px no-repeat;
}
#imagerollovermenu a:hover.about {
background: url(images/menu4-sprite1.png) 0px -52px no-repeat;
}
</style>
Demo
http://creativedesign-mind.com/r-ednalan/demo/image_roll_over.html
Download
http://dl.dropbox.com/u/3293191/CSS/hoverbuttons.zip