title: CSS Sprites for Images of Zoomable Elements
body: <p>I have an html portion of code that contain images. The images can be resized/zoomed in html by simply changing their size (width and height). I want to replace the images with CSS Sprites(to load a single file instead of many). The problem is that if I have a background to a div, if I change the div size the image in the background is not resized.</p>
  
  <p>Do you know a way to achieve it? Is there a way that works on most browsers to load cropped images portions from an image and then to resize them as I would do with a simple image? </p>
  
  <p>Later Edit: The image(s) should be loaded only once and the resize should be performed on client size to provide the user a better view when moves the mouse over image.</p>