Hi Folks,

I've got a weird onmouseout pattern on a div.
I've a submenu with a DIV. Inside the div there's the images of the menu with a rollover on each.

I want to hide the DIV on the "onMouseOut" event, however, it seems like everytime I rollover another item of the menu, I got the onMouseOut event of the div... I can't get further than the first item of the menu...

If someone know the solution for this, or just give me a clue as to how to fix it, it would be greatly appreciated.

Here's a little snippet of the code.


<div name="MenuServiceConseil" id="MenuServiceConseil" style="padding:0; height:auto;position:absolute; left:264px;top:<%=TopPosition%>px; width:79px;z-index:1; display:none;" onMouseOut="collapse(this.name);">
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('mnuAvantage','','../images/menu/service/avantageon.gif',1)">
<img src="../images/menu/service/avantageoff.gif" name="mnuAvantage" width="79" height="42" border="0"></a><br>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('mnuQuiPeut','','../images/menu/service/quipeuton.gif',1)">
<img src="../images/menu/service/quipeutoff.gif" name="mnuQuiPeut" width="79" height="55" border="0">
</a> </div>



Cheers,
Matt