title: Print/Preview Ignoring my Print.css
body: <p>I have an issue thats causing me some headaches.  I'm trying to print a report and format it correctly with a print.css but it completely ignores my css everytime.  Has anyone had this issue before?  I made sure the CSS file is in the correct directory, etc but still no luck.</p>
  
  <p>Here is my template:</p>
  
  <p><em>Note: I use javascript to control the print button and inside the javascript is where I have included the CSS link.  I have also tried putting it just on the HTML page but that didn't help.</em></p>
  
  <pre><code>...
  &lt;script type="text/javascript"&gt;
  
  function printContent(id){
  
     str=document.getElementById(id).innerHTML
     newwin=window.open('','printwin','left=100,top=100,'+
                           'width=900,height=400, scrollbars=1')
     newwin.document.write('&lt;HTML&gt;\n&lt;HEAD&gt;\n')
     newwin.document.write('&lt;TITLE&gt;Print Page&lt;/TITLE&gt;\n')
     newwin.document.write('&lt;link rel="stylesheet" type="text/css" '+
                           'href="/media/css/print.css" media="print"/&gt;\n')
     newwin.document.write('&lt;script&gt;\n')
     ...
  </code></pre>
  
  <p>Now for this project I am using Ubuntu 10.10, and Firefox 7.  If that helps at all.</p>
  
  <p><strong>Edit</strong></p>
  
  <p>I installed the web developer toolbar for firefox.  It allows you to view the page as different medias.  Now when I click print, it shows all my style changes, but when I print, it doesn't follow them.</p>