IE not capturing onMouseOver event in DIV

Using to hide drop-down menus

[Carl]

I have drop-down menus on my site. I have several hidden DIVs in place to close the menus onMouseOver. This works perfectly in Mozilla, Firefox, and Opera. Apparently IE will only consistently acknowledge the event under two conditions: 1.) an image is used to fill the entire hidden layer or 2.) the mouse is moved over the border.

The former would be fine except it makes the menus behave VERY slowly in Firefox, Mozilla, and Netscape (not to mention some strange shifting behavior). The latter would be fine as well except the layers are meant to be transparent. Also the border has to be 10-15px for IE to consistently acknowledge the event.

Does anyone have any ideas as to how I might be able to solve this? I'm using a function from Projectseven.com called P7_autoLayers() to handle displaying/hiding the layers. I've already tried using pure CSS menus but those don't work in IE either. Speed for these menus is critical since most of the navigation on the site is done using these menus.

Thanks!

Example:

<div id="top_closer" onMouseOver="P7_autoLayers(0)">&nbsp;</div>

[Carl]

Nevermind. I found a fix. All I had to do is add a small (10x10) transparent background image to each closer DIV.

I don't know why I never thought of that before.