title: appendChild doesn't work correctly in IE
body: <p>I am trying to create a simple Modal window, but IE isn't cooperating. When I call this function in IE, the content appears at the bottom of the page under all content and the overlay image does not appear. Here's the code:</p>
  
  <pre><code>function applyOverlay(src)
  {
    var my_overlay = document.createElement('div');
  
    my_overlay.setAttribute('id','myoverlay');
    var doc_height = document.body.scrollHeight;
    my_overlay.setAttribute('style','text-align:center; position:fixed; top:0px; left:0px; background-image:url("images/trbg.png"); width:100%; height:'+doc_height+'; z-index:999;');
    my_overlay.innerHTML="&lt;iframe style='background:none;' frameborder=0 height='100%' width='80%' src='"+src+"'&gt;&lt;iframe&gt;";
    document.body.appendChild(my_overlay);
  }
  </code></pre>