hover drop down nav disappears when moving over margin, javascript & css

Question

my UL for nav has a top margin of 6.4px so it can be centered vertically, when moving mouse from the parent li to the ul that drops down, it disappears when crossing the mar