title: CSS - Mobile image resize
body: <p>The method I am currently using is to add <code>&lt;img src="A-Button-Image.png" style="width:100%;"&gt;</code> in HTML sheet and the image size could scale up and down depends on the screen size.</p>
  
  <p>However, <strong>A-Button-Image.png</strong> contains two images, hover and normal status. Thus, I'd like to use background-position to trigger the rollover effcts? Is there a way to using CSS to control background-position but without losing image resize ability? I know there is another solution is onmouseover &amp; onmouseout, but I still prefer CSS.</p>
  
  <p>Thanks</p>