Extending div to bottom of page not working <p>I have been trying to fix the length of this div for awhile, and I'm sure it is something completely simple, just not seeing it. The div for the content "page" is extending well beyond the footer and I can manipulate the length with the min-height property in css however I want to make sure that the footer/"page" div extend to bottom regardless of the content so I don't want to set a definite length for the div. </p> <p><strong>EDIT</strong>: jsfiddle: <a href="http://jsfiddle.net/F2SMX/" rel="nofollow">http://jsfiddle.net/F2SMX/</a></p> <p><strong>Footer cs</strong></p> <pre><code>#footer { background: #365F91; color: #000000; width:100%; height: 35px; position:relative; bottom:0px; clear:both; } #footer p { margin: 0; text-align: center; font-size: 77%; } #footer a { text-decoration: underline; color: #FFFFFF; } #footer a:hover { text-decoration: none; } </code></pre> <p>changing footer position from relative to absolute had no change</p>