To reproduce:
<ul><li>Create a top-level menu with a text caption and an image by either 1) specifying a "sub menu image" in the style array for the menu, or 2) embedding an img tag in the menu's caption.</li>
<li>Use a DHTML effect that's highly visible, such as pixilate for .5 seconds.</li>
<li>Add some menu items to the menu.</li>
<li>Observe that as you move the mouse between the text and the image of the top-level menu item, the menu itself is repeatedly redrawn using the transition effect specified (despite the fact that the single menu remains active throughout the mouse movement, and the mouse never wanders beyond the top-level menu's area). This is quite jarring.</li></ul>
Applies to:
This problem exhibits itself in v3.5.14, and persists in the latest beta of v4.
Possible workarounds:
I've tried adding some onmouseenter and onmouseexit event JavaScript code within the img tag to dynamically turn on and off the transition effect, but it's a poor hack at best and doesn't work reliably well. I've also tried adjusting the z-order of the image elements and simply returning false on the onmouseenter event of the img tag but these things do nothing useful.
Any help or insight would be greatly appreciated! Thanks for your time.[/list]