[jQuery] weird behavior with show()

[clrockwell]

Hello all, I could really use some insight in this.  I am using the
following jquery to show a menu on hover.  The issue is that if you do
not hover the link until the menu is completely shown, it pops up
underneath.  It's probably best if you just see what it does:
http://www.chrisrockwell.com/csphoto.  The portfolio and information
links will behave very weirdly if you just run the mouse across them.

I really appreciate any help that is offered.

Thanks much.

$(document).ready(function() {
        // find class .sub-menu-present and add hover
        $('lo#portfolio-link').css('display', 'none');
        $('lo#information-link').css('display', 'none');
        $('li#portfolio-link').hover(
                function() {
                        $('ul.portfolio').css('display', 'none').show(1000);
                },
                function() {
                        $('ul.portfolio').css('display', 'none');
                }

        );
        $('li#information-link').hover(
                function() {
                        $('ul.information').css('display', 'none').show(1000);
                },
                function() {
                        $('ul.information').css('display', 'none');
                }

        );

})