Position sprite background in center

Question

I have a sprite for my icons. One of them is 29px*29px, but the div using that icon is actually 35px*35px (it has padding: 6px). I would like to align the icon vertically and horizontally. I didn't make 35px*35px image because the div size might change later. Is there any solution, or do I have to export the icon in the right dimensions ?

Answer 1

You can use negative coordinates in your background: declaration, like this:

background: url('sprite.png') -3px -3px no-repeat;