title: IMG tag with CSS background image - ie10 shows missing img box
body: <p>I have two styles defined:</p>
  
  <pre><code>img.feedback-sprite-22{
      display:block;
      background:url(../img/feedback-sprite-22.png) 0px 0px scroll;
      height:22px;
      border:0 !important; 
      padding:0; 
      margin:0 !important;
      z-index:0;
  }
  
  img.feedback-sprite-22:hover{
      background-position:0px -22px;
  }
  
  img.fb {
      display:inline; 
      margin:auto 0; 
      border: none !important; 
      vertical-align: middle;
  }
  </code></pre>
  
  <p>And I display the image like so:</p>
  
  <pre><code>&lt;img class='fb feedback-sprite-22' height='22' width='65'&gt;
  </code></pre>
  
  <p>Works great in ff &amp; chrome but not ie (i've tested ie10 and ie8). IE shows the image (is it a simple gradient), but also shows the square img missing box (see below). Any ideas how to fix this? Thanks in advance. </p>
  
  <p><img src="https://i.stack.imgur.com/s2gfS.jpg" alt="enter image description here"></p>