title: print a modal window not the rest of the page
body: <p>I have seen some answers to this but I think I am actually having a CSS issue.</p>
  
  <p>Here is a sample fragment of my HTML:</p>
  
  <pre><code>&lt;id=container&gt; children &lt;id="modal"&gt;children&lt;/modal&gt;&lt;/container&gt;
  </code></pre>
  
  <p>If I pop open the modal there is a print button. When I click it I use jQuery to apply a <code>.noprint</code> to <code>#container</code> and <code>.print</code> to <code>#modal</code>. But the <code>.print</code> to modal is disregarded, no matter what selector I apply I can't get the modal content to appear. What's worse, I cant use firebug, it is not showing me what print styles are being applied. I have tried
  <code>#container #modal.print {display: block; }</code> etc...</p>
  
  <p>thanks!</p>