title: DOMParser injects DOM but does not apply css stylesheets once injected?
body: <p>I have a little testcase over at:</p>
  
  <p><a href="http://jsfiddle.net/9xwUx/1/" rel="noreferrer">http://jsfiddle.net/9xwUx/1/</a></p>
  
  <p>The code boils down to the following (given a node with id "target"):</p>
  
  <pre><code>var string = '&lt;div class="makeitpink"&gt;this should be pink, but is not&lt;/div&gt;';
  var parser = new DOMParser();
  var domNode = parser.parseFromString(string,"text/xml");
  document.getElementById("target").appendChild(domNode.firstChild);
  </code></pre>
  
  <p>If you run the testcase, and then inspect the target node via firebug/chrome web inspector and select any node within the body tag of jsfiddle's iframe, and do "edit as HTML", add a random charachter anywhere as a string [not an attribute to a domnode, to be clear], and "save", the style is applied. but not before that.
  To say that i'm confused is an understatement.</p>
  
  <p>Can anybody please clarify what is going on here?
  Thanks.</p>