Footer overlapping content in IE6

Question

I have a page where the footer is overlapping the content in internet explorer 6. I am attaching paths to screenshot, css files.

http://shivanand.in/temp/overlapping-footer.gif
http://shivanand.in/temp/skin.css
http://shivanand.in/temp/skin-ie.css

I am trying to solve since 2 hours without a solution. I need to fix it today. Please let me know if you have a solution.

Answer 1

I can't tell much without knowing the (X)HTML layout, but it seems your content has an absolute position.

Absolutely positioned elements don't affect the page layout, therefore it's normal that your footer is above the content.

Answer 2

You might apply

clear:both

to the footer.

Answer 3

Try this

Footerstick

The second version, not the first one. It woks with both long and short content.