title: IE doesn't apply dynamically loaded CSS
body: <p>It appears as though IE (older versions at least) does not apply CSS that is loaded dynamically. This can be a pain point if you load a page containing CSS via ajax into a "lightbox" or "colorbox".</p>
  
  <p>For example, say your HTML page has a div named "taco":</p>
  
  <pre><code>&lt;style&gt;#taco {color:green;}&lt;/style&gt;
  &lt;div id="taco"&gt;Hola Mundo!&lt;/div&gt;
  </code></pre>
  
  <p>"Hola Mundo!" will be green since the CSS was included in the original HTML page. Then some Javascript happens and appends this to "taco":</p>
  
  <pre><code>&lt;style&gt;#taco {color:green;}&lt;/style&gt;
  &lt;div id="taco"&gt;
    Hola Mundo!
    &lt;style&gt;#burrito {color:red;}&lt;/style&gt;
    &lt;span id="burrito"&gt;mmmm burrito&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In all browsers except IE, burrito's font will be red.</p>
  
  <p>So is there a way to do this in IE? It seems as though there is not.</p>