Strange behavior in my menubar

Strange behavior in my menubar

I'm trying to make a menubar with HTML, CSS and jQuery. It is working, kind of. When i hover over my main-menu, the submenu appears. But, if I try to move my mouse down past the first submenu, it disappears.

Here's my fiddle:  http://jsfiddle.net/ZfN7t/18/