title: Showing a footer on some pages
body: <p>I am using the following: </p>
  
  <pre><code>&lt;style type="text/css" media="screen"&gt;
       div#print-footer {display: none;}
  &lt;/style&gt;
  &lt;style type="text/css" media="print"&gt;
       div#print-footer {display: block; position: fixed; bottom: 0;}
  &lt;/style&gt;
  </code></pre>
  
  <p>the div for the footer is: </p>
  
  <pre><code>&lt;div id="print-footer"&gt;&lt;p&gt;blah blah&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>It works great but since I have multiple pages it print on every page. I want it on some pages. Oy! So, I broke the pages into individual html documents and that didn't work either. Then on even pages I changed the div to be: </p>
  
  <pre><code>&lt;div id="print-footer"&gt;&amp;nbsp;&lt;/div&gt;
  </code></pre>
  
  <p>but it ignored it and printed the first one. </p>
  
  <p>Any suggestions? </p>
  
  <p>Thanks,
  Evan</p>