Sprite en CSS

[jdelrosario]

Si pongo el transparent 20x20 como background sin el sprite, me cubre automáticamente todo el fondo que disponga el "aside" "article" etc.
Lo que no puedo lograr es que me tome ese 20x20 desde el sprite en si mismo.
Por ej. en este style:
header,aside,{
background: transparent url(../img/transprent.png);
border-radius: .5em;
margin: .5em auto;
max-width: 960px;
padding: .25em;
text-align: center;
}

section#contenedor {
margin: .5em auto;
max-width: 960px;
padding: 0;
text-align: center;
}

section#principal, aside {
background: transparent url(../img/transparent.png);
border-radius: .5em;
-moz-border-radius: .5em;
-ms-border-radius: .5em;
-o-border-radius: .5em;
-webkit-border-radius: .5em;
display: inline-block;
margin: .55em auto;
max-width: 960px;
min-height: 300px;
padding: .25em;
text-align: center;
vertical-align: top;
width: 70%
}

Aquí me funciona bien

Nuevamente gracias y saludos
Jdel.