[jQuery] hover over and out

[samjesse]

Hi

I have a main menu with submenu like this

<form id="form1" runat="server">
    <div id="outer">
        <ul id="menu">
            <li>
                <a href="#">Services</a>
                    <ul class="subMenu">
                            <li><a href="pink_blue_slip.aspx">RTA </a></li>
                            <li><a href="auto_service.aspx">Auto 
Service</a></li>
                   </ul>

and the jquery funtion

    $(
    function()
    {
        //hook up main menu list hover over and out actions
        $("[id$='menu'] li").hover(
            function(e)
            {
                $(this).children("ul").show(350);
                return false;
            },
            function(e)
            {
                $(this).children("ul").hide(350);
                return false;
            }
        );
    }
);

when I hover out of the submenu items, the submenu does not hide, how
can I fix this?

Many thanks