title: Chrome Print-Preview fails with jQuery print button
body: <p>I have a kiosk with the following Greasemonkey (Tampermonkey) code on the page to enable receipt printing:</p>
  
  <pre><code>$("input").css("font-size", "xx-large");
  $("#newcheckout").append ('&lt;div id="autoCheckOrder"&gt;&lt;/div&gt;');
  $("#autoCheckOrder").append ('&lt;button&gt;Print Receipt?&lt;/button&gt;');
  
  var loanTable = $("#loanTable")
  var loanHTML  = loanTable.html().replace(/(\d{2}\/\d{2}\/\d{4})/g, "&lt;br&gt;&lt;b&gt;$1&lt;/b&gt;");
  
  $("#autoCheckOrder button").click ( function () {
      var newWin      = window.open (""); 
      newWin.document.write ( "&lt;!DOCTYPE html&gt;" );
      newWin.document.write( "&lt;html&gt;" );
      newWin.document.write( "&lt;head&gt;" );
      newWin.document.write( "&lt;title&gt;" );
      newWin.document.write( "&lt;/title&gt;" );
      newWin.document.write( "&lt;style&gt;" );
      newWin.document.write( "@media print { " );
      newWin.document.write( "body { " );
      newWin.document.write( "background-color: white;" );
      newWin.document.write( "height: 100%;" );
      newWin.document.write( "width: 60mm;" );
      newWin.document.write( "position: fixed;" );
      newWin.document.write( "top: 0;" );
      newWin.document.write( "left: 0;" );
      newWin.document.write( "margin: 0;" );
      newWin.document.write( "padding: 15px;" );
      newWin.document.write( "font-size: 14px;" );
      newWin.document.write( "line-height: 18px;" );
      newWin.document.write( "}" );
      newWin.document.write( "}" );
      newWin.document.write( "&lt;/style&gt;" );
      newWin.document.write( "&lt;/head&gt;" );
      newWin.document.write( "&lt;body&gt;" );
      newWin.document.write ( loanHTML ); 
      newWin.document.write( "&lt;/body&gt;" );
      newWin.document.write( "&lt;/html&gt;" );
      if(newWin.print()) {
          newWin.close();
      } else {
          newWin.close();
      }
  } );
  </code></pre>
  
  <p>This works fine in Firefox -- not in Chrome beta 19. Just updated it today. You press the 'print' button, the print preview appears and says:</p>
  
  <blockquote>
    <p>Print Preview Failed, Please Use system dialog.</p>
  </blockquote>
  
  <p><strong>UPDATE</strong></p>
  
  <p>See Brock Adam's answer below, then the following <em>working</em> code below ( CSS only for brevity ):</p>
  
  <pre><code>@media print {
      body {
          background-color: white;
          width: 55mm;
          position: absolute;
          top: 0;
          left: 0;
          padding: 0;
  </code></pre>
  
  <p>...etc.</p>