title: Print stylesheet loaded from @import not working?
body: <p>I have the following html:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="main.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;span class="print"&gt;Print only&lt;/span&gt; - &lt;span class="noprint"&gt;Display Only&lt;/span&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>main.css</strong></p>
  
  <pre><code>@import url("screen.css") screen;
  @import url("print.css") print;
  </code></pre>
  
  <p><strong>screen.css</strong></p>
  
  <pre><code>.print
  {
      display:none;
  }
  </code></pre>
  
  <p><strong>print.css</strong></p>
  
  <pre><code>.noprint
  {
      display: none;
  }
  
  span.print
  {
      display: inline !important;
  }
  
  div.print
  {
      display: block !important;
  }
  </code></pre>
  
  <p>When I view the page in the browser then as expected the "Display Only" span displays and the "Print Only" one doesn't.</p>
  
  <p>However, when I go to print preview, or print the page, it doesn't appear to be using print.css?</p>
  
  <p>I'm using IE8, which I thought supported @import?</p>