title: Internet Explorer has strange 1px difference with background-image
body: <p>I'm using a sprite of two images and experiencing a 1px different in ALL internet explorer versions, but works fine in Firefox. </p>
  
  <p>Please see demonstration here: <a href="http://jsfiddle.net/bHUs3/6/" rel="nofollow noreferrer">http://jsfiddle.net/bHUs3/6/</a></p>
  
  <p>My heart hurts. What is causing this discrepancy? </p>
  
  <p>See below screen on hover in Internet explorer (no specific version)
  <strong>Edit</strong> I'm investigating if my installation of IE isnt as sound as I thought</p>
  
  <p><img src="https://i.stack.imgur.com/ey59M.jpg" alt="enter image description here"></p>