title: Why doesn't Internet Explorer apply CSS to "invalid" elements?
body: <p>This works in chromium (and I assume every other major browser)</p>
  
  <p>-html-</p>
  
  <pre><code>&lt;invalid&gt;&lt;/invalid&gt;
  </code></pre>
  
  <p>-css-</p>
  
  <pre><code>invalid {
      color: red;
  }
  </code></pre>
  
  <p><code>&lt;invalid&gt;</code> represents an invalid element (not part of the html standard)</p>
  
  <p>here is an example: <a href="http://jsfiddle.net/myhonor/4H7Hj/" rel="nofollow">http://jsfiddle.net/myhonor/4H7Hj/</a></p>
  
  <p>But when I try this in IE, it doesn't work.</p>
  
  <p>why is this and is there a way fix this (is it a DTD thing?)</p>