title: IE doesn't use External CSS within a DIV
body: <p>If this question has been asked before - please forgive me, I couldn't find it.</p>
  
  <p>I am AJAXing HTML documents to a div with javascript.  This code is a simplification.</p>
  
  <p>Chrome-23 and FF-8 render the HTML using the ietest.css file but IE-9 does not.  Using
  an iframe instead of a div would be difficult.</p>
  
  <p>Any suggestions are welcome.</p>
  
  <p>Thanks,
  John in Toronto</p>
  
  <pre><code>&lt;!--
  Style sheet contents:
  p.bu1 {color: Blue; font-size:2em; font-weight:bold;}
  p.rd1 {color: Red;  font-size:2em; font-weight:bold;}
  --&gt;
  
  &lt;html&gt;
  &lt;head&gt;
  &lt;script&gt;
  function write_doc()
  {
    document.getElementById('div').innerHTML = "&lt;link rel='stylesheet' type='text/css' href='ietest.css?v=1'&gt;\
     &lt;p class='bu1'&gt;BLUE&lt;/p&gt;&lt;p class='rd1'&gt;RED&lt;/p&gt;";
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id='div' onclick='write_doc()'&gt;Click Me&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>