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

 

http://fresh-off.com

hello@fresh-off.com

206.328.1067