title: iframe and background images with IE
body: <p>I am trying to insert a background image into an <code>iframe</code> and while it works exactly as expected in Firefox, IE is completely ignoring it:</p>
  
  <pre><code>&lt;iframe style="background: #ffffff url('/images/load.gif') no-repeat fixed center; width:100%; height:100%;" id="frm" align="middle" scrolling="auto" frameborder="0"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>In case it matters, the background image is an animated "loading" GIF and the <code>src</code> property of the <code>iframe</code> gets set dynamically by JS. The idea is that when the source document loads, it overlays the background, prior to that it's just an activity indicator.</p>
  
  <p>I found somewhere that this may be caused by missing or wrong doctype, mine says:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  </code></pre>
  
  <p>How can I make IE play nice and display the background for the few seconds the iframe source takes to load. </p>