[thelist] IE 6 CSS Rollover problems
Diane Soini
dianesoini at earthlink.net
Tue May 18 20:48:24 CDT 2004
Here's the URL. I did not write most of this page, so please don't
berate me for its lack of standards or accessibility or the fact that
it looks broken in Safari or whatever else:
http://support.qad.com/multimedia/concepts/lean_manufacturing/nicole/
kanban_intro.htm
My question is, I have Windows XP Pro and IE6.0 and when hovering over
the tabs on this page on the local file system the tab rollover effect
works just fine. But as soon as I placed the page on the server I see
strange behavior reminding me of the peekaboo bug but not quite. (I'll
explain later.) The problem didn't happen for the guy sitting next to
me, however.
Try as I might, I couldn't fix the problem. What I see is if I hover
over the first tab with my mouse the other 5 tabs flicker and/or
disappear. If I hover over the second tab, the next 4 tabs flicker
and/or disappear. If I hover over the third tab, the next 3 tabs
flicker and/or disappear. And so on. What reminds me of the peekaboo
bug is that if I navigate to one of the tab image files, then hit the
back button, the problem goes away and the rollover effect looks normal.
The effect is being done by onmouseover/onmouseout event handlers
calling javascript functions that set the className property on the
<td> element. Image preloading is being done with standard Dreamweaver
code. (Oddly in Safari the background only changes behind the <a>
element, even though the javascript is supposed to change the style on
the <td>, but that doesn't matter because we only support IE anyway.)
Is it only me on my XP machine? It's a new machine for me. Any help on
this problem is appreciated. Thanks, Diane
More information about the thelist
mailing list