vuelve a leer el link que te puse, aunque ya me aclararon que no es documentacion oficial aun así explica lo que pides, a esa técnica se le conoce como sprites, lo único que tienes que hacer es colocar las coordenadas en el background por ejemplo yo uso
Código CSS:
Ver originala{display:block;width:20px;height:20px;float:left;background:url(img/icons-sprite.png) no-repeat -22px -20px;}
a:hover{background-position:-44px -20px;}
donde le digo que se mueva 20px hacia arriba (eje X) y 22px hacia la izquierda (eje Y )
posteriormente al hacer hover el background se mueve otros 22 px a la izquierda donde se encuentra la siguiente imagen.