<p>I'm working on moving from using tables for layout purposes to using divs (yes, yes the great debate).  I've got 3 divs, a header, content and footer.  The header and footer are 50px each.  How do I get the footer div to stay at the bottom of the page, and the content div to fill the space in between?  I don't want to hard code the content divs height because the screen resolution can change.</p>

if you are trying to maximize the height of your content div, in the CSS add
height: 100%;