title: Print CSS - a full page for an element
body: <p>Is there some syntax I can use in my <code>media="print"</code> CSS which will make one div element cover an entire printed page?</p>
  
  <pre><code>&lt;div id="important_thing"&gt;Important!&lt;/div&gt;
  &lt;ol id="other_stuff"&gt;
    &lt;li&gt;Thing&lt;/li&gt;
    &lt;li&gt;blah&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p><strong>print.css</strong></p>
  
  <pre><code>#important_thing {
    width:100%;
    height:100%;
  }
  
  #other_stuff li {
    float:left;
    width:20pt;
    height:8pt;
  }
  </code></pre>
  
  <p>This doesn't have the desired effect. I'd like to have an entire page for 'important stuff' and as many other pages as required for all the list elements.</p>
  
  <p>Any ideas?</p>