Sent by Peter-Paul Koch on 2 December 2004 12:12
Interesting bug. I copied your page and removed all styles that didn't
trigger the bug. The results are very odd and can be seen here :
http://www.quirksmode.org//css/tests/iewin_jumping_hovers.html
1) The bug is caused by the combination of padding-bottom and
border-left in the div.submenu. Remove either and the bug disappears.
2) When you first load the page you see the bug in action. The
explanation below appears normally. However, when you reload the page,
the explanation starts showing the same behaviour. I added one link to
demonstrate.
3) The a:hover needs the background-color declaration to get rid of
the bug. color is not necessary. As far as I can see this is the same
effect as the one that solves a bug in the Pure CSS Popups (see
http://www.quirksmode.org/css/ie6_purecsspopups.html)
> There's this bug that's been nagging me on my site for a while but I
> learned to live with it. Just a little thingy in IEWin and so what.
> But lately I added some new pages to the site that made this bug much
> more annoying. So here it is with the fix I found.
>
> It can be seen here :
> http://ansible.xlii.org/web_design/CSS/jumping_hovers.html
> (visible only in IE Win.)
>
> The test page is a simplified version of the real one.
>
> The bug is small (2 pixels) but moves so it's easy to see.
>
> In IE Win (all versions I tested: 6.0, 5.5, 5.0), the menu items in
> the right sidebar jump around. When the page is loaded the items are
> two pixels to the left of where they should be. Hovering over a link
> makes the link jump to the correct place. If there is a line without
> a link above it, it also fixes the line. However if a line has no
> link just below it, its position can't be fixed.
>
> The first submenu has the text correctly placed. The second is two
> pixels off to the left.The third is four pixels off. Etc. The
> complexity of the menu doesn't matter. If the long one is put first
> it is the same. Each new submenu is off two more pixels.
>
--
-------------------------------------------------------------------
ppk, freelance web developer
NEW: Bug Report system:
Report bugs yourself, or comment on previously
reported ones.
http://www.quirksmode.org/bugreports/
------------------------------------------------------------------
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
