me parece que tienes CONFUSO el concepto del sprite
si te fijas BIEN en tu CODigo
Código CSS:
Ver original.sprite-tilde {
width: 22px;
height: 22px;
background-position: -1100px -5px;
}
.sprite-transparent {
width: 20px;
height: 20px;
background-position: -1132px -5px;
}
.sprite-upArrow {
width: 9px;
height: 5px;
background-position: -1162px -5px;
}
que tienen en comun ?? WIDth, HEIght y el background en todos ellos
con el width y el height defines el tamaño de la imagen que vas a mostrar del background..
como si tuvieses un papel grande.. y le haces un hueco por donde mirar/espiar
y con el background url(...)
X Y
mueves la imagen para que se ADAPTE al hueco y muestre la imagen que deseas