Click to See Complete Forum and Search --> : IE: page height increase on hover


PunkSktBrdr01
12-20-2003, 11:52 AM
I've been having some weird trouble with IE, where when you move the cursor over a link, the height of the page increases. The page shouldn't grow in the first place, but, oddly, it never returns to its correct size. This can make the page really long if you do it a lot. Anyone know of a fix, or is it just a bug?

Fang
12-20-2003, 01:24 PM
How about some code?

Paul Jr
12-20-2003, 01:54 PM
http://www.radioactiverabbit.com/design/
;)

Fang
12-20-2003, 02:04 PM
So where's the problem?

Paul Jr
12-20-2003, 02:25 PM
View the page in IE, then roll your mouse over any one of the links in the nav bar at the top, and watch the scrollbar. The page height increases each time you roll on and off a link.

This only happens with the links at the top of the page.

PunkSktBrdr01
12-20-2003, 02:36 PM
Yeah, what Paul Jr said. It's really weird, 'cause I've only seen it happen on sites I make.

Paul Jr
12-20-2003, 02:54 PM
It is really weird, 'cause I haven't ever seen that before...

:confused:

Fang
12-21-2003, 04:49 AM
The problem is your "overkill" in css.
Is it necessary to define declarations with default values?
cursor: pointer is the default for a link, it's not wrong, but unnecessary.
Define the font in body, then change it when necessary.
z-index:10 in #nav a, there can only be one z-index:10

Enough of my style gripes.
The solution: remove height: 100% from body

PunkSktBrdr01
12-21-2003, 01:26 PM
Okay, thanks! :)