He decidido crear una hoja de sprites para todo mi sitio (+ -30 imágenes) para poder cargar 1 imagen y solo posiciones de referencia, lo que reduce el tiempo de carga de la imagen y las llamadas al servidor.

Mi pregunta: ¿es posible hacer referencia a una imagen en la hoja de sprites y luego dimensionar esa imagen al 100% de su contenedor principal?

Así por ejemplo:

#SomeDiv
{
    background: url("/Content/Images/SpriteSheet.png") -125px 0 no-repeat;
    width:100px;
}

El ancho de mi div es de 100 px, pero el sprite al que quiero hacer referencia es de 20 px (por ejemplo): ¿cómo puedo extender el sprite extraído para que crezca a 100 px?

Saludos, Byron Cobb.