title: Hide border and resize (change zoom) upon print
body: <p>Site in question: <a href="http://www.blues-n-brews.com/paypal_receipt.php?tx=17G30980M69737722" rel="nofollow">http://www.blues-n-brews.com/paypal_receipt.php?tx=17G30980M69737722</a></p>
  
  <p>I have this:</p>
  
  <p><code>&lt;div id="print_special" style="width: 1050px; zoom: 0.8; margin: 0 auto; text-align: center; border: 5px solid black"&gt;</code></p>
  
  <p>Of which when the user prints/previews I want it to change the zoom to 100% and get rid of the border.</p>
  
  <p>I am trying:</p>
  
  <pre><code>@media print
  {
      #print_special {
          border-style: none;
          border: 0px solid black;
          zoom: 1;
      }
  }
  </code></pre>
  
  <p>But it is not working as thought. If I do <code>display:none;</code> it gets rid of the div as expected, so I know the @media print is working fine. What is the issue?</p>