Sprites CSS com dimensionamento dinâmico
Decidi criar uma planilha de sprite para todo o site (+ -30 imagens) para carregar uma imagem e apenas fazer referência às posições, o que reduz o tempo de carregamento da imagem e as chamadas do servidor.
Minha pergunta: É possível fazer referência a uma imagem na folha de sprite e dimensioná-la para 100% de seu contêiner pai?
Então, por exemplo:
#SomeDiv
{
background: url("/Content/Images/SpriteSheet.png") -125px 0 no-repeat;
width:100px;
}
A largura da minha div é 100px, mas o sprite que eu quero referenciar é 20px (por exemplo) - como posso esticar o sprite extraído para atingir 100px?
Atenciosamente, Byron Cobb.