title: .InnerHTML Not working properly in Internet Explorer
body: <p>I wanted to assign a link tag to innerHTML of a HTML control. But this is not working properly in Internet Explorer. However when I try to assign anything other than <code>&lt;link&gt;</code> &amp; <code>&lt;style&gt;</code> tags it works fine.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript"&gt;
  function getValue()
    {
    var x=document.getElementById("myHeader");
    x.innerHTML='&lt;link \"http://test.com/css/template.css\" rel=\"stylesheet\"&gt;&lt;div&gt;abc&lt;/div&gt;';
    alert(x.innerHTML);
    }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1 id="myHeader" onclick="getValue()"&gt;Click me!&lt;/h1&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Also, If I change sequence of <code>&lt;div&gt;</code> tag and <code>&lt;link&gt;</code> tag above it works fine in Internet Explorer also.</p>
  
  <pre><code>x.innerHTML='&lt;div&gt;abc&lt;/div&gt;&lt;link \"http://test.com/css/template.css\" rel=\"stylesheet\"&gt;';
  </code></pre>
  
  <p>Please suggest! Thanks.</p>
  
  <p><strong>EDIT:</strong> This is a bug in Internet Explorer with ExtJs. More information at </p>
  
  <p><a href="http://www.sencha.com/forum/showthread.php?30110-internet-explorer-autoLoad-css-not-applied" rel="noreferrer">http://www.sencha.com/forum/showthread.php?30110-internet-explorer-autoLoad-css-not-applied</a> </p>