Over Flow Auto Not Working

[dbnorton]

I have been redesigning my site to be table less and I have finished all my updates but when I got to one page for some reason the overflow:auto; is not working correctly. It works but my footer ends up in the scroll box instead of below it. I have searched for some answers but I can't seem to figure it out. It works fine on all the rest of my pages but this one. Here is the css code.

/* CSS Document */div#header {position: absolute;width: 770px;left: 50px;top: 50px;height: 127px;background-image: url(/images/evac_header.jpg);}div#nav {position: absolute;width: 770px;left: 50px;top: 180px;height: 30px;}div#toptextarea {position: absolute;width: 770px;left: 50px;top: 215px;background-color: #FFFFFF;height: 635px;text-align:center;font-weight:bold;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#F8921B;}div#centertextarea {position: absolute;width: 770px;left: 50px;top: 212px;background-color: #FFFFFF;height: 635px;text-align:left;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#F8921B;overflow: auto;}div#hotelsearcharea {position: absolute;width: 500px;left: 50px;top: 380px;background-color: #FFFFFF;height: 465px;}div#ideaarea {position: absolute;width: 265px;left: 555px;top: 380px;background-color: #FFFFFF;height: 465px;}div#footer {position: absolute;width: 770px;left: 50px;top: 850px;height: 30px;}div#legal {position: absolute;width: 770px;left: 50px;top: 883px;background-color: #FFFFFF;height: 30px;color:#6487AD;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:10px;}body {margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;font-family:Arial, Helvetica, sans-serif;}.title1	{font-family:Arial, Helvetica, sans-serif;font-size:15px;color: #CD2021;font-weight: bold}

Here is the link to view what I am talking about.E-vacations4u.com Contact Us PageHere is a link using the same CSS file and it works fine.E-vacations4u.com FAQ PageAny help would be great.ThanksDustin

[zanfranceschi]

i didn't really went through all your code, but i saw some absolute positioning. This is tricky when you have parts of your site that have no fixed height or width (usually blocks of texts). You could experiment with "clear: both;" or width with percentages.Tip:Instead of:margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;Use:margin: 0 0 0 0;(top, right, bottom, left - clockwise starting from top) and when it's 0, there's no need to write the unit name.