title: Using Css Sprites and background position
body: <p>I have a div element, say of width 200px and height 200px. I need a small image to appear on the top right corner of the div. How one would normally do it would be with</p>
  
  <pre><code>background: url(/images/imagepath.png) top right;
  </code></pre>
  
  <p>However the problem is, I am loading the image from a sprite and when I use something like</p>
  
  <pre><code>background: url(/web/images/imagepath.png) -215px -759px  top right;
  </code></pre>
  
  <p>the sprite doesnt seem to pick it from the right location. Some other part of the sprite is loaded. Is it possible to load an image from sprite and use the background-position attribute as well. Thanks in advance...</p>