title: Style Background Url Image For IE8
body: <p>I have trouble with background url on hover in IE8.</p>
  
  <p>For the other browsers and IE9 it works fine, but in IE8 the problem is following:</p>
  
  <p>The original image is showing with the image which shows on hover in there.</p>
  
  <p>When i do mouse hover the image is showing but the original image is over there.</p>
  
  <p>Exists anyway to solved this??</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#toTop {
      position:fixed;
      bottom:10px; 
      right:10px;
      cursor:pointer;
      display:none;
      z-index:99999;
      background:transparent url('original.png') no-repeat;
      background-size:58px 59px;
      width:58px;
      height:59px;
  }
  
  #toTop:hover{
      background:url('hover.png') no-repeat;
      background-size:213px 59px;
      width:213px;
      height:59px;
  }
  
  html &gt; body div#toTop {
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='original.png',
      sizingMethod='scale');
  }
  
  html &gt; body div#toTop:hover{
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='hover.png',
      sizingMethod='scale');
  }
  </code></pre>
  
  <p>I use the css IE8 selector to save the width and height which i define above.</p>