title: How to solve: white lines over images in internet explorer
body: <p>I have images that I am rendering as background images on divs. In other browsers other than IE, they render fine, but in IE, there are white lines over the images. Here's the html and CSS</p>
  
  <pre><code>.img {
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      width: 100%;
      border: 1px solid #b4b4b4;
      height: 100%;
  }
  
  &lt;div class="img" style="background-image: url(....);"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Any one know what can cause this?</p>
  
  <p>Turns out when I remove the border on the images, the images render fine in IE. But I need the border....</p>