Forum Moderators: open
If someone can please help I am having an issue with my site in IE7.
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 by: tedster at 10:38 pm (utc) on July 15, 2009]
[edit reason] sorry, no personal urls [/edit]
W3C Validator - HTML [validator.w3.org]
W3C Validator - CSS [jigsaw.w3.org]
Some of the strangest display bugs vanish when invald code is fixed.
