title: Html button containing an dynamic image - Sizing
body: <p>I want to show an image embedded within a button. The image is a dynamic and I would prefer to show the image as the background as I want to change the image on hover and click.
  The difficulty I am facing is that: I want the button to resize according to the size of the background  image. As the image is dynamic and I have no knowledge of its size prior.
  Example:</p>
  
  <pre><code> &lt;button id="rock" style='background-image: url(http://th07.deviantart.net/fs70/150/i/2013/012/c/6/rock_01_png___by_alzstock-d5r84up.png)'&gt;Test Rock&lt;/button&gt;
  
  http://jsfiddle.net/5z1L67fw/1/
  </code></pre>
  
  <p>Other option I have is to include an img child element on the button element. However, in such a scenario is it possible to change the image on hover and press?</p>