Hi, i have a little situation.
I have a toolbar menu that load a page on iframe (not ext:panel).
I want to perform when the mouse is out from toolbar menu area (including its child menu), the toolbar menu supposed to hide / restore / its child menu.

Here is my sample code:
<form id="form1" runat="server">            
    <div>
    <ext:ResourceManager ID="ResourceManager1" runat="server" Theme="Gray" CleanResourceUrl="false">            
    </ext:ResourceManager>
        
    <table cellpadding="0" cellspacing="0" style="width:100%;background-color:Black;">
        <tr>
            <td>
                <iframe src="" id="headerd1" runat="server" frameborder="0" height="56px" width="100%" scrolling="no" >
                </iframe>
            </td>
        </tr>   
        <tr>
            <td>
                <ext:Toolbar ID="Toolbar1" runat="server" AutoDoLayout="true" AutoRender="true" Cls="x-button">                                     
                    <Items>
                        <ext:Button ID="mn0100" runat="server" Text="SALES" Icon="Coins"  >                            
                            <Menu>                                
                                <ext:Menu ID="Menu1" runat="server">                                       
                                    <Items>
                                        <ext:MenuItem runat="server" Text="PERFORMANCE" Icon="ArrowUp" Cls="x-button">
                                            <Menu>
                                                <ext:Menu runat="server" >
                                                    <Items>
                                                        <ext:MenuItem runat="server" ID="mn010101" Text="Actual vs Target By Region" OnClientClick="MenuClick('010101', true);">
                                                            <Menu>
                                                                <ext:Menu runat="server" >
                                                                    <Items>
                                                                        <ext:MenuItem runat="server" ID="mn01010101" Text="Fluktuasi Sales Daily By Region" OnClientClick="MenuClick('01010101', false);"></ext:MenuItem>
                                                                        <ext:MenuItem runat="server" ID="mn01010102" Text="Fluktuasi Sales Weekly By Region" OnClientClick="MenuClick('01010102', false);"></ext:MenuItem>
                                                                        <ext:MenuItem runat="server" ID="mn01010103" Text="Fluktuasi Sales Monthly By Region" OnClientClick="MenuClick('01010103', false);"></ext:MenuItem>
                                                                    </Items>
                                                                </ext:Menu>
                                                            </Menu>
                                                        </ext:MenuItem>
                                                        </Items>
                                             </ext:Menu>
					</Menu>
					</ext:MenuItem>
				   </Items>
				</ext:Menu>
			</ext:Button>
		</Items>
	</ext:Toolbar>
	</td>
	</tr>
	<tr>
		<td>
			<iframe id="frmMain" runat="server" src="" scrolling="no" frameborder="0" style="width:100%;" >                                        
	                </iframe>
		</td>
	</tr>
</table>
</div>
</form>
The problem with the code above is when i move my cursor out of from menu (the child menu already shown in browser), the menu is stay on there, not hide the child menu.

How to fix my problem? Thx for your help...