CSS Sprite Help


I was originally using the following code:

background-image: url(../images/tabbottom.gif);
background-repeat: no-repeat;
background-position: left bottom;

The problem is when I convert it to a sprite, I have a fixed background-position, say 0px -400px;

Now how do I place it at the left bottom then?

Also, can I use background-repeat with a css sprite?

Thank you for your time.

Best Solution

background-repeat will not play nicely with your css sprite. nor will setting it to bottom left. Unfortuantely the only way around this is to use static width and height. In this case, you're better off not using the sprite