IE7 problems, Footer rises up to center of page

[Guest nutnics]

Hi

 

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

 

http://elslights.com/test/sales/salescatalog.php

 

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

4. the class on the nav is called rollover and it looks like this

 

#navbar {padding-left: 8px;}
#nav {margin: 0 auto; position: relative; /*width: 965px;*/ height: 37px; }

#nav a { float: left; }

.rollover { display: block; cursor: pointer; }/* Allow setting widths and heights */
.rollover img { /*width: 100%; height: 100%;*/ border: 0; }/* only set width and height once */
.rollover:hover { visibility: visible; /*for IE */ }/* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; }

 

Any help would be awesome THANKS

Edited July 15, 2009 by nutnics

[Andrea]

I have IE8, so I cannot duplicate the error - but what I checked was the validator and it showed 69 errors. Any one of them could be causing problems....

[virtual]

Well it didn't budge in any of them for me, but in IE6 the rollover doesn't work.