CSS：Internet Explorer中奇怪的平鋪錯誤（任何版本）

所以，我有這個相當大的覆蓋，我需要平鋪，並且一切按預期工作，直到我到Internet Explorer。在Internet Explorer水平「拼貼」時，我會看到這些不是原始文檔一部分的奇數行。CSS：Internet Explorer中奇怪的平鋪錯誤（任何版本）

違規的HTML和CSS：

<html> 
    <head> 
     html { 
      width: 100%; 
      height: 100%; 
      margin: 0; 
     } 

     body { 
      margin: 0; 
      width: 100%; 
      height: 100%; 
      position: relative; 
      background-color: #CCCCEF; 
     } 

     .overlay { 
      position: absolute; 
      top: 0; 
      left: 0; 
      width: 100%; 
      height: 100%; 
      background-image: url('https://dl.dropboxusercontent.com/u/177486/grit.tiny.png'); 
      background-position: -900px 0%; 
      z-index: 1; 
     } 
    </head> 
    <body> 
     <div class="overlay"></div> 
    </body> 
<html>

這裏是展示它做什麼的圖像：

enter image description here