how to add sprite class to image in "css" not in "div"?

[mardash]

.sprite{
background:url(Sprite.png)
}
.feed{
background-position: -76px 0px;
}

easy i can add sprite to div images like that ...

<DIV STYLE='position:absolute; right:970px; top:2px;'>
<a href='../feed'><img class='sprite feed' height='32' src='transpernt.png' width='32'/></a></DIV>

now it's ok :)

but i asked if i have image in css not in div like ..

i can make

.sky{
background-position: -76px 0px;
}

Easy to make sky class .. but the hard thing is
how i replace this skyimage with sprite .. or how i add the class="sprite sky" to it ?
i no see div to add class :(

this's example

body{
background:#8C1616 url(sky.jpeg)
}

[Dormilich]

.sprite{
background:url(Sprite.png)
}
.feed{
background-position: -76px 0px;
}

easy i can add sprite to div images like that ...

<DIV STYLE='position:absolute; right:970px; top:2px;'>
<a href='../feed'><img class='sprite feed' height='32' src='transpernt.png' width='32'/></a></DIV>

now it's ok :)

no, it’s not. <img> elements are not supposed to have a background. (you don’t put a transparent poster on the wall to look at the tapestry either, do you?)

[mardash]

so i can't use sprite with image in css ?

[Dormilich]

you’re not supposed to use sprites with <img> elements.