title: Greasemonkey how to apply a CSS rule only for @media print?
body: <p>I'm using Greasemonkey and JQuerys #css method to add css styles to a page. Script so far:</p>
  
  <pre><code>// ==UserScript==
  // @name           www.al-anon.dk Remove inline scroll so that page content prints properly
  // @namespace      http://userscripts.org/users/103819
  // @description    remove scroll from al-anon pages
  // @include        http://al-anon.dk/*
  // @require        http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
  // ==/UserScript==
  
  $('#framen').css({'height': 'auto', width: 'auto'});
  $('#menu').css({ 'display': 'none'});
  </code></pre>
  
  <p>Now my question is how do I apply the last rule only for @media print?</p>
  
  <p>In other words: If this were clean CSS I would use this syntax:</p>
  
  <pre><code>@media print {
    /* style sheet for print goes here */
  }
  </code></pre>
  
  <p>But how to optain this with Greasemonkey/JQuery</p>