Mostrar sub-menu al hacer hover con javascript

[AprendizPollito]

A ya veo... entonces volviendo a lo de antes, como podría modificar el script para que se quede el LI con el efecto de hover estando tanto encima de él como del DIV de submenú?

Código HTML:

<script type="text/javascript">
    $(document).ready(function(){
        $("#menu").mouseenter(function(){
            $('.menu-activo').show()
         });
        $("#menu").mouseleave(function(){
            $('.menu-activo').hide()
        });
		 $(".menu-activo").mouseenter(function(){
            $('.menu-activo').show()
         });
        $(".menu-activo").mouseleave(function(){
            $('.menu-activo').hide()
        });
    });
</script>