Sprite button in css

sprite.css

.sprite{
	background-image: url(button_sprite.png);
	background-repeat: no-repeat;
	width: 198px; /* width of one button */
	height: 54px; /* height of one button */
	margin: 2em 0;

	/* optional, makes the background slide */
	-webkit-transition: background-position 0.1s ease-out;
	        transition: background-position 0.1s ease-out;
}

.sprite:hover{
	background-position: 0 -54px;
}

.sprite:active{
	background-position:0 -108px;
}