[themes] IE7 + sticky footer + Navigation = problems

[brendan, fresh-off.com]

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 at fresh-off.com

206.328.1067

 

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://lists.drupal.org/pipermail/themes/attachments/20100301/24246c6e/attachment.html