title: CSS + WinPhone IE: Artifacts when adding background-color to img
body: <p>The app I'm developing has many images with transparent areas (so we can make the image 'skinned' by setting the <code>background-color</code> CSS property).</p>
  
  <p>This works fine in every browser I've tested, except for windows phone, where we get nasty artifacts around the edge of the image -pixel- thin lines at the top and bottom, and sometimes at the sides, of the image.</p>
  
  <p>I've tried setting <code>padding</code>, <code>margin</code>, <code>border</code> to 0px, but the artifact still remains.</p>
  
  <p>The following question recommends setting <code>background-repeat: no-repeat</code>, but that seems only to work for <code>background-image</code>, not b<code>ackground-color</code>: </p>
  
  <p><a href="https://stackoverflow.com/questions/14232372/windows-phone-ie-mobile-bugs-with-transparent-background-image-and-bottom-absolu">Windows Phone IE mobile bugs with transparent background-image and bottom absolute positionning</a></p>
  
  <p>Does anyone know how to override or disable this border?</p>