title: <!--[if !IE]> is not working as expected in this case
body: <p>I'm having trouble getting</p>
  <pre><code>&lt;!--[if !IE]&gt;
  </code></pre>
  <p>to work. I'm wondering if it is because I have this in my document</p>
  <pre><code>&lt;!doctype html&gt;
  &lt;!--[if lt IE 7]&gt; &lt;html class=&quot;ie6 oldie&quot;&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 7]&gt;    &lt;html class=&quot;ie7 oldie&quot;&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 8]&gt;    &lt;html class=&quot;ie8 oldie&quot;&gt; &lt;![endif]--&gt;
  &lt;!--[if gt IE 8]&gt;&lt;!--&gt;
  &lt;html class=&quot;&quot;&gt;
  &lt;!--&lt;![endif]--&gt;
  </code></pre>
  <p>When I add</p>
  <pre><code>&lt;!--[if !IE]&gt;&lt;!--&gt;
  &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;/stylesheets/no-ie.css&quot; /&gt;
  &lt;!--&lt;![endif]--&gt;
  </code></pre>
  <p>to my header for some reason, it doesn't work. However, if I add</p>
  <pre><code>&lt;!--[if !IE]&gt;&lt;!--&gt;
      &lt;style&gt;
          All my CSS content in here
      &lt;/style&gt;
      &lt;!--&lt;![endif]--&gt;
  </code></pre>
  <p>to the actual HTML page (in the header) it works.</p>
  <p>How can I fix it?</p>
  <p>When I removed <code>&lt;!--&gt;</code>, I only checked in <a href="https://en.wikipedia.org/wiki/HTML" rel="nofollow noreferrer">Internet Explorer</a> (IE) which was working, but now back in Firefox the <em>no-ie.css</em> file had been applied to Firefox too. So I added back in the <code>&lt;!--&gt;</code> and removed the <code>/</code> (and added that into the main template so the <a href="https://en.wikipedia.org/wiki/Content_management_system" rel="nofollow noreferrer">CMS</a> wouldn't add it back in) and all is working back in Firefox, but now the style sheet is being applied to IE!</p>
  <p>So I tried</p>
  <pre><code>&lt;!--[if IE]&gt;
  &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;/stylesheets/no-ie.css&quot;&gt;
  &lt;![endif]--&gt;
  </code></pre>
  <p>and</p>
  <pre><code>&lt;!--[if !IE]&gt; --&gt;
  &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;/stylesheets/no-ie.css&quot;&gt;
  &lt;!-- &lt;![endif]--&gt;
  </code></pre>
  <p>And that didn't work.</p>
  <p>Basically I'm trying to get this page to work: <a href="http://css-tricks.com/examples/ResponsiveTables/responsive.php" rel="nofollow noreferrer">http://css-tricks.com/examples/ResponsiveTables/responsive.php</a>. But move the CSS content into a style sheet. Surely it's got to be simple. What am I missing? I'd rather not use jQuery if I don't have to.</p>