The site I'm currently working on is located at: http://counterbeing.com

The problem I'm trying to solve is that when you run your mouse over the "Categories" button, the sub-menu items pop up, but then disappear before you can click them.

I've tried a variety of things. For one thing, I was attempting to define the div that the sub menu items are wrapped in as something that will also trigger the animation, but that doesn't seem to work...

Here is the javascript file I'm using to grab both layers. I have it divided into 2 layers because one of them is somewhat transparent.

$(document).ready(function() {
($("div#CategoriesLink").hover(function(){
    $("div#navdrop").animate({
        top: "0px"
    })
    $("div#CategoryButtonHolder").animate({
        top: "0px"
    })
}); 
});