title: html5 boilerplate conditional css statements - display issue?
body: <p>Using Google fonts and the code below on my site.  The top adds an ie8 class so I can remove any references of the fonts in my css.  The bottom adds the fonts css only if ie9 or not ie.</p>
  
  <p>The 'problem' is when I upload this to the server and test it.  Works fine in ff, moz, opera, and ie9.  When I use developer tools in ie9 (f12) to switch browser mode to ie8  or ie7 the page is blank.  The source code can be viewed, but nothing displays.</p>
  
  <p>Now, doing the same thing locally (using xampp) it works as expected.  I don't understand why this does not work when 'live'.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;!--[if lte IE 8 ]&gt; &lt;html class="ie8" lang="en-US"&gt; &lt;![endif]--&gt;
  &lt;!--[if (gt IE 8)|!(IE)]&gt;&lt;!--&gt; &lt;html lang="en-US"&gt; &lt;!--&lt;![endif]--&gt;
  
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;title&gt;test&lt;/title&gt;
  &lt;meta name="description" content="test"&gt;
  &lt;link rel="stylesheet" href="/css/base.css" type="text/css"&gt;
  &lt;link rel="stylesheet" href="/css/styles.css" type="text/css"&gt;
  &lt;!--[if (gt IE 8)|!(IE)]&gt;&lt;!--&gt;
  &lt;link href="http://fonts.googleapis.com/css?family=Kite+One|Open+Sans:400italic,400,700" rel="stylesheet" type="text/css"&gt;
  &lt;!--&lt;![endif]--&gt;
  </code></pre>