onmouseout for <div> not triggered until well beyond <div> boundary

Please check out the page at http://198.95.113.132/~gouldt/Testing.html

(Excuse it's ugly content - it's a proof of concept page.)

The page has an <iframe> as it's main content covering much of the page. The other major element is a "sliding" or "dockable" <div> at the left side of the page. This area should slide into view onmouseover and slide back into it's docking position onmouseout. It's this "sliding" <div> that I'm having difficulty with. Finally, there is a dynamically generated debug are (<div> with a blue background) that I'm using - thanks to this forum!! - for debug.

Everything seems to be working correctly in IE 5.5 and above. However, I'm having various different problems with the latest Netscape versions - details below:

Netscape 7 and above: the main problem here is that the onmouseout event does not get triggered until the user has moved their mouse all the way passed the <iframe> element - which is not contained in or otherwise related to the "sliding" <div> . This makes no sense to me, but is a major problem that I've not yet been able to solve. I'd appreciate any suggestions here to solve (or work around) this behavior.

Netscape 6.2 (I still have users on this platform): The bahavior here seems to be entirely broken - the "sliding <div> does not expand or collapse back into "docked" position as desired. Once again, I'd appreciate any and all assistnace to make this work on this platform.

Thanks in advance!

I haven't had any responses on this one yet. Did it get lost in the shuffle? Does anyone have any ideas?

wow... mozialla hates that menu.

the onmouseover response just fine for me.

try give all the objects definite width and height and different z-index values. The bigger z-index, the most "close-to-surface" the DIV is.

Aha!!

I think I've uncovered the source of the troubles, but not yet the solution. I believe that the Netscape/onmouseout event problem mentioned in my original post stems from a certain quirk/beahvior inherit to iframes in Netscape and Mozilla. Basically iframes on these browser do not seem to obey z-index styles. Therfore, the iframe is rendered as the top element regardless of z-index setting in this browsers. However, there does appear to be signifigant difference between Netscape 6 and Netscape 7. NS 7 seems to allow the iframe to be visibly renderred according to the z-index, but the onmouseout event still only fires as if it were on top of everything else.

Is anyone aware of any work arounds or alternatives to this behavior?

coffeedeamon:

Could you let me know what version of Mozilla you were using and what problems you saw? I'm using Mozilla 1.5 and getting the same results as I do in Netscape 7.

Thanks.