title: Black edge around rotated transparent png in IE7 and IE8
body: <p>There are many working solutions to display transparent pngs correct in IE, but all these solutions will not work if the image is in a rotated container.</p>
  
  <p>I' ve tried</p>
  
  <pre><code>img{
      background: transparent; 
      -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)”; 
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); 
      zoom: 1;
  }
  </code></pre>
  
  <p>to work around IE' s transparent png bug, but it does not work.</p>
  
  <p>Ive created a show case at .
  <a href="http://jsfiddle.net/s__a/Hmyc2/" rel="nofollow">http://jsfiddle.net/s__a/Hmyc2/</a></p>
  
  <p>Please be shure you visit this with <strong>Microsoft Internet Explorer 7</strong>, rotation is not implemented there for IE8.
  Can anybody help to display the rotated image correct in <strong>IE7</strong>/IE8?</p>
  
  <p>Best regards.</p>