Login Popup on Mouseover
===

I am trying to create a popup login screen.  It should appear when the user hovers over a hyperlink and dissapear if the mouse moves out of the popup.  
The code I have below works but unfortunately the popup incorrectly closes if the mouse moves over another element inside the popup such as the username and password textboxes.   

    <script type="text/javascript" language="javascript">
    
            function showDiv(display) {
                if (display) { document.getElementById('hoverLoginBox').style.display = 'block'; }
                else { document.getElementById('hoverLoginBox').style.display = 'none'; }
            }
    </script>

    <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/register.aspx" CssClass="hyperlink"
            onmouseover="showDiv(true);">login</asp:HyperLink>
    <div id="hoverLoginBox" onmouseleave="showDiv(false);">
            <asp:Login ID="Login3" runat="server" CssClass="loginBox" CreateUserText="Create a new  Client Account"
                CreateUserUrl="~/contact-us.aspx" PasswordRecoveryText="Forgotten Your Password?"
                TitleText="" PasswordRecoveryUrl="~/password-recovery.aspx" LoginButtonType="Image"
                FailureText="Invalid Username / Password." DestinationPageUrl="~/membership/user-profile.aspx"
                FailureAction="RedirectToLoginPage">
                <LayoutTemplate>
                    <asp:TextBox ID="UserName" runat="server" onblur="WaterMark(this, event);" onfocus="WaterMark(this, event);"
                        CssClass="textbox">username</asp:TextBox>
                    <asp:TextBox ID="Password" runat="server" onblur="PasswordWaterMark(this, event);"
                        onfocus="PasswordWaterMark(this,event);" CssClass="textbox">password</asp:TextBox>
                    <%--<asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>--%>
                    <asp:Button ID="Button1" runat="server" CssClass="hoverLoginButton" Text="Login" />
                </LayoutTemplate>
            </asp:Login>
            <div class="loginLinks">
                <asp:HyperLink ID="CreateUserLink" runat="server" NavigateUrl="~/register.aspx" CssClass="hyperlink">Create Account</asp:HyperLink>&nbsp;&nbsp;|&nbsp;&nbsp;
                <asp:HyperLink ID="PasswordRecoveryLink" runat="server" NavigateUrl="~/password-recovery.aspx"
                    CssClass="hyperlink">Forgotten Your Password?</asp:HyperLink>
       </div>
    </div>