I know I am missing something simple like a size parameter from earlier in the code but this is driving me crazy: How do I get rid of the phantom white space at the footer of the page here: http://www.californiahealthinsurance360.com/CAH360.htm? Any help would be greatly appreciated!
Im no expert but look at the bolded part: <div id="Layer14" style="position:absolute; [B]width:308px; height:305px; [/B]z-index:6; left: -6px; top: 241px;"> <div id="Layer3" style="position:absolute; width:849px; height:108px; z-index:1; left: 7px; top: 388px;"> <div align="center"> <p> </p> <p><br> <span class="style12">California Health Insurance 360 Copyright 2006 <span class="style13">:: </span><a href="About%20California%20Health%20Insurance%20360.htm">About Us</a></span><span class="style13"><strong> :: </strong> <a href="California%20Health%20Insurance%20Site%20Map.htm"></a></span><span class="style12"><a href="California%20Health%20Insurance%20Site%20Map.htm">Site Map</a><strong class="style13"> ::</strong> <a href="Privacy.htm">Privacy Policy</a> <strong class="style13">:: </strong><a href="mailto:info@CaliforniaHealthInsurance360.com">Contact Us</a><strong class="style13"> ::</strong> <a href="California%20Health%20Insurance%20Links.htm">Links</a></span></p> </div> </div> Code (markup): Try changing the height you have set up there in the style.
You have a file called sample.css that sets the body height to 1056px. Get rid of it and you should be fine.