On this page: http://www.ihea.info/pages/test_css_ee_code.asp
I have a footer div that is absolutely positioned in the bottom of the page. However, it appears in the bottom of the page regardless of the size of the screen or the length of the content in the higer divs. So if content is longer than the screen, the footer covers it. When I change the positin of the footer to position:inline, it jumps to the top of the page, I assume because the higher divs are positioned absolutely.
I tried putting clear:both on footer div and didn't help.
My quesiton: how do I tell the footer div to appear in the bottom of the page (not the screen) and not overlap higher content.
This may have to do with my error in positioning the higher divs absolutely.
I am viewing this in Opera 7.23, but similar problm in IE 6.
The css is inline inside the header.
Please ignore other pages in this site. It's a huge mess.