Hola Suudobal
Para colocar el fondo con un "sprite" supongo que estás utilizando la propiedad "background-position" ya sea así o de la forma condensada:
Código css:
Ver original{background: #transparent url(tu_ruta/archivo.jpg) no-repeat coordenada-horizontal coordenada-vertical;}
Para referenciar el pedazo de imagen que quieres mostrar, el punto 0,0 es la esquina superior izquierda de la imagen.
El primer valor indica el desplazamiento en la horizontal (siempre será hacia la derecha y por lo tanto un valor positivo) y para el desplazamiento en vertical el segundo valor (siempre hacia abajo y por lo tanto negativo).
Puedes referenciarlo o con valores en px, o % o "left, top..."
Tienes un ejemplo sencillo (con sorpresa al hover
)
aquí
Fíjate en los valores de position y en el tamaño (width | height) de cada elemento (a y a:hover) que coinciden con la porción de la imagen que se muestra.
Un saludo