CSS: Link Rollover as Sprite

gistfile1

Basic Link Rollover as CSS Sprite
Save bandwidth and the hassle of creating a separate “hover” version of your button by using this sprite. It moves the background image of your button down when hovering over it, creating the hover effect.

a {
       display: block;
       background: url(sprite.png) no-repeat;
       height: 30px;
       width: 250px;
}
 
a:hover {
       background-position: 0 -30px;
}