Hello Themers, Here's one for any of you IE sleuths. I'm working out the basic html for a new theme and attempting to use Sticky Footer ( http://www.cssstickyfooter.com/ ) . Except for IE7, I've got it working in all my test browsers (FF, Opera, Chrome, Safari, IE8.. I'm not supporting IE6).
Here's what happens in IE7:
First off, the IE7 problem only happens on long pages where the content extends below the viewport.
When the page is first loaded, the footer appears normally at the bottom of the sites content. However, as soon as you mouse over any of the navigation links in the navigation div (#navigation-div), the footer jumps "up" to the bottom of the browser window and covers the content.
It then stays in the same position if you scroll up or down the page.
Here's two pages where the footer jumps when I view it in IE7 with my screen size set to 1440x900 :
http://alpha.fresh-off.com/blog
http://alpha.fresh-off.com/contact
Any ideas on how to fix this, or what's going on?
---
brendan, fresh-off.com
Creative Direction & Consultation: Web | Print | Brand
hello@fresh-off.com
206.328.1067