<p>I have a div that contains several child elements, one of which is a flash movie.</p>
<p>When rolling over this div, I want it to change style to indicate it is rolled over. My problem is that the <code>mouseover</code> and <code>mouseout</code> events don't always trigger, especially if the user moves the mouse over the flash element too quickly.</p>
<p>Any suggestions for how I can ensure that a <code>mouseover</code> event always get triggered.</p>
<p>I can't add an event to the flash movie itself because it is proprietary code that I don't have the source for.</p>
<p>Also I can't cover the flash movie in a div/image because I need rollover and click events to occur within the flash itself.</p>

What you could do is cover the flash element with an invisible div. Place your onmouseover handler on that div, and add a line to the handler to hide the covering div. At the same time, add an
```
onmouseover
```
function to the window - this should get triggered when the mouse leaves the flash element. (I hope).
There's a
```
<div>
```
covering your flash.
When the user mouses over it:
It calls whatever function it needs to do.
It hides itself, allowing normal interaction with the SWF.
It places a mouseover function on the window which will:
Show the original
```
div
```
again.
Calls your "mouseout" function.
Removes the
```
window.onmouseover
```
function.