Search code examples
cssinternet-explorer-7footer

ie7 problem with footer staying on bottom of page

If someone can please help I am having an issue with my site in IE7. Go to this link

Testing page link

When you load the page then hover over one of the top nav links the Footer shoots up half the distance on the page and can only be reset by rolling over another tab on the right.

What the heck is going on? Is this a DOCTYPE or CSS problem? Here's what I've already checked

  1. Doctype
  2. CSS styles for image height and width to see if its releasing some kind of height (I dont know)
  3. Duplicate css styles

Any help would be awesome THANKS

Solution

  • Just add: 

    overflow:hidden

    to #nav a

    Btw there are some better, pure css rollover techniques, just in case you didn't know