title: Bad pixel background image in IE 8
body: <p>I had a small problem on <strong>internet explorer 8 and 9</strong> that image results are not as expected. Pixel quality is very poor, but in other browsers like chrome, opera, and firefox looks very good.
  <br></p>
  
  <p>this is my results :</p>
  
  <p><br>
  <img src="https://i.stack.imgur.com/XrilK.png" alt="enter image description here"></p>
  
  <p><br>
  the images rendered by IE looks fractions on a circle, and this is my CSS code :</p>
  
  <pre><code>.social-profiles ul li.facebook a {
      background: url(img/flat-social-icons/32px/Facebook-32.png);
      text-indent: -9999;
      opacity: 0.4;
      filter: alpha(opacity=40); /* msie */ }
  </code></pre>