title: IE 8 iframe border
body: <p>There is a border showing on an <code>iframe</code> and I can't get rid of it.</p>
  
  <p>IE 6 and 7 work as intended with a little JavaScript:</p>
  
  <pre class="lang-js prettyprint-override"><code>function test(){
      var iframe = document.getElementById('frame2');
      iframe.contentWindow.document.body.style.backgroundColor = "#a31d1d";
      iframe.contentWindow.document.body.style.border = "#a31d1d";
      iframe.contentWindow.document.body.style.outlineColor = "#a31d1d";
  }
  </code></pre>
  
  <p>But the border remains visible in IE 8.</p>