弹出框无法被选中问题

大家好。
我的项目中，有两个问题无法解决：
一，因触发元素（li）与弹出框（ul）有一空白间距（图中粉色边框）,导致鼠标在向弹出框移动时，移到粉色边框后，下边的弹出框就隐藏了，触发了我的li的mouseleave事件。
二，如果想看第一层 的li的弹出框，鼠标必定会碰到第二层的li，这样就触发了第二层li的弹出框。。。
具体问题见图：

以上两个问题请大神帮忙解决一下，谢谢！
我的代码：

计时器延时执行，同时记住计时器句柄，不过你这个菜单应该定位到对应的出发点下面，而不是统一显示在一个地方，特别是移动轨迹有其他触发点，要不你想看第一个的子菜单，移动到子菜单的时候碰到其他触发点你是要看哪个的，无法区分