Using background-position with background-repeat for a CSS sprite

gfather

New Member
Here is the demo, and here is the sprite:
qiuL9.gif
I want to use the arrow in a markup, like this:\[code\]<div class="tooltip"> The tooltip <span class="arrow"></span></div>\[/code\]Setting:\[code\]background-image: url(foobar.gif);background-position: 0 -40px;background-repeat: none;\[/code\]does not seem to work (as expected). Any workaround?
 
Top