title: Internet Explorer applying all stylesheets to webpage while printing, regardless of media type
body: <p>I am experiencing a strange issue while trying to print in Internet Explorer. I have only tested with IE8.</p>
  
  <p>My stylesheets with media="screen" are being applied even when printing. My page prints properly in Firefox/Chrome.</p>
  
  <p>My head element:</p>
  
  <pre><code>&lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;title&gt;Page title&lt;/title&gt;
      &lt;link type="text/css" rel="stylesheet" href="/styles/reset.css" media="all" /&gt;
      &lt;link type="text/css" rel="stylesheet" href="/styles/global.css" media="screen" /&gt;
      &lt;link type="text/css" rel="stylesheet" href="/styles/site.css" media="screen" /&gt;
      &lt;link type="text/css" rel="Stylesheet" href="/styles/jquery.css" media="screen" /&gt;
      &lt;link type="text/css" rel="stylesheet" href="/styles/forms.css" media="screen" /&gt;
      &lt;link type="text/css" rel="stylesheet" href="/styles/print.css" media="print" /&gt;
  
      &lt;script src="/scripts/jquery-1.4.4.min.js"&gt;&lt;/script&gt;
      &lt;script src="/scripts/jquery-ui-1.8.8.custom.min.js"&gt;&lt;/script&gt;
      &lt;script src="/scripts/modernizr-1.6.min.js"&gt;&lt;/script&gt;
      &lt;!--[if (gte IE 6)&amp;(lte IE 8)]&gt;
          &lt;script src="/scripts/selectivizr-1.0.1.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
      &lt;script src="/scripts/colorbox/jquery.colorbox-min.js"&gt;&lt;/script&gt;
      &lt;script src="/scripts/global.js"&gt;&lt;/script&gt;
      &lt;script src="/scripts/site.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>I have tried searching, and I have not been able to find any related issues. Any help is greatly appreciated.</p>