title: Position Footer Div at bottom of Last Page (on screen and print)
body: <p>I have a requirement to position a div on the bottom of the last page when printing. Consider I have a page set up as follows.</p>
  
  <pre>
  [div id=Header]
  [/div]
  
  [div id=Lines]
       x Number of lines that could potentially span 1 or more pages
  [/div]
  
  [div id=Footer  style="position: absolute; bottom: 20px; left: 4px; right: 4px;"]
  [/div]
  </pre>
  
  <p>No this code is fine if there are a few lines on the page, but if there are more than just a few the footer then overlaps some of the lines. Is it possible in CSS to fix the footer to the bottom of the page, but to attach to the bottom of the second page if the lines fill the first page. </p>
  
  <p>I think its the position absolute that is causing the problem. Has anyone else done this that has an alternative? I couldnt find another answer with a solution that worked for me</p>
  
  <p>ps. sorry about the square brackets, couldnt work out how to get the markup in otherwise!</p>