Html 尝试将鼠标悬停在第一个子菜单和最后一个子菜单上时，第一个子菜单和最后一个子菜单将消失

我使用jQuery菜单生成器插件开发了一个三级菜单。我面临的问题很奇怪，我不知道为什么会发生这种情况

当我将鼠标悬停在第一个下拉菜单选项（关于）上时，它的子菜单将打开，但当尝试将鼠标悬停在它上时，子菜单将消失。最后一个菜单选项（更多）也会发生同样的情况

所有的菜单选项之间的工作完美，我能够查看和探索他们的子菜单

我曾尝试将最高值设置为负值、零等，但没有成功

我正在分享该网站的链接和CSS代码

@导入url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
#cssmenu，
#cssmenu ul，
#cssmenu ul li，
#cssmenu ul li a，
#cssmenu#菜单按钮{
保证金：0；
填充：0；
边界：0；
列表样式：无；
线高：1；
显示：块；
位置：相对位置；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
#cssmenu：之后，
#cssmenu>ul:之后{
内容：“.”；
显示：块；
明确：两者皆有；
可见性：隐藏；
线高：0；
身高：0；
}
#cssmenu#菜单按钮{
显示：无；
}
#cssmenu{
字体系列：蒙特塞拉特，无衬线；
背景：#fff；
}
#cssmenu>ul>li{
浮动：左；
}
#cssmenu.align-center>ul{
字号：0；
文本对齐：居中；
}
#cssmenu.align-center>ul>li{
显示：内联块；
浮动：无；
}
#cssmenu.align-center ul{
文本对齐：左对齐；
}
#cssmenu.align-right>ul>li{
浮动：对；
}
#cssmenu>ul>li>a{
填充：17px；
字体大小：12px；
字母间距：1px；
文字装饰：无；
颜色：#000；
字号：700；
文本转换：大写；
}
#cssmenu>ul>li.has-sub>a{
右侧填充：30px；
}
/*#cssmenu>ul>li.has-sub>a：之后{
位置：绝对位置；
顶部：22px；
右：11px；
宽度：8px；
高度：2倍；
显示：块；
背景：#dddddd；
内容：''；
} */
#cssmenu>ul>li.has-sub>a:之前{
位置：绝对位置；
右：14px；
显示：块；
字体系列：Fontsome；
内容：“\f107”；
-webkit过渡：全部.25秒轻松；
-moz过渡：全部.25秒轻松；
-ms过渡：全部.25秒轻松；
-o型过渡：全部0.25秒缓解；
过渡：全部.25秒缓解；
}
/*#cssmenu>ul>li.之前有子：悬停>a:{
顶部：23px；
身高：0；
} */
#cssmenu ul{
z指数：1；
位置：绝对位置；
最高：100%；
左：自动；
不透明度：0；
webkit转换：scaleY（0）；
变换：scaleY（0）；
-webkit转换原点：0；
变换原点：0；
-webkit转换：所有0.3秒到0秒；
转换：所有0.3秒到0秒；
可见性：隐藏；
}
#cssmenu.align-right ul{
文本对齐：右对齐；
}
#cssmenu ul li{
身高：0；
-webkit过渡：全部.25秒轻松；
-moz过渡：全部.25秒轻松；
-ms过渡：全部.25秒轻松；
-o型过渡：全部0.25秒缓解；
过渡：全部.25秒缓解；
}
#cssmenu li:悬停>ul{
能见度：可见；
webkit转换：scaleY（1）；
变换：scaleY（1）；
能见度：可见；
不透明度：1；
z指数：1；
}
#cssmenu.align-right li:悬停>ul{
左：自动；
右：0；
}
#cssmenu li:悬停>ul>li{
高度：35px；
}
#cssmenu ul{
左边距：100%；
排名：0；
}
#cssmenu.align-right ul{
左边距：0；
保证金权利：100%；
}
#cssmenu ul li a{
边框底部：1px实心rgba（150,150,150,0.15）；
填充：11px 15px；
宽度：170px；
字体大小：12px；
文字装饰：无；
颜色：#000；
字体大小：400；
背景：#fff；
}
#cssmenu ul li：最后一个孩子>a，
#cssmenu ul li.最后一项>a{
边界底部：0；
}
#cssmenu ul li:悬停>a
/*#cssmenu ul li a:悬停{
颜色：#ffffff；
} */
#cssmenu ul li.has-sub>a：之后{
位置：绝对位置；
顶部：16px；
右：11px；
宽度：8px；
高度：2倍；
显示：块；
背景：#dddddd；
内容：''；
}
#cssmenu.align-right ul li.has-sub>a:之后{
右：自动；
左：11px；
}
li.sub\u菜单\u选项>a:之前{
位置：绝对位置；
顶部：13px；
右：14px；
显示：块；
/*宽度：2倍；
高度：8px*/
/*背景：#dddddd*/
字体系列：“FontAwesome”；
内容：“\f105”；
-webkit过渡：全部.25秒轻松；
-moz过渡：全部.25秒轻松；
-ms过渡：全部.25秒轻松；
-o型过渡：全部0.25秒缓解；
过渡：全部.25秒缓解；
}
#cssmenu.align-right ul li.has-sub>a:之前{
右：自动；
左：14px；
}
/*#cssmenu ul ul>li.之前有子项：悬停>a:{
顶部：17px；
身高：0；
} */
#小屏幕{
宽度：100%；
}
#cssmenu.小屏幕ul{
宽度：100%；
显示：无；
}
#cssmenu.small-screen.align-center>ul{
文本对齐：左对齐；
}
#cssmenu.小屏幕ul li{
宽度：100%；
边框顶部：1px实心rgba（120,120,120,0.2）；
}
#cssmenu.小屏幕ul li，
#cssmenu.small-screen li：悬停>ul>li{
高度：自动；
}
#cssmenu.小屏幕ul li a，
#cssmenu.小屏幕ul li a{
宽度：100%；
边界底部：0；
}
#cssmenu.small-screen>ul>li{
浮动：无；
}
#cssmenu.小屏幕ul li a{
左侧填充：25px；
}
#cssmenu.小屏幕ul li a{
左侧填充：35px；
}
#cssmenu.小屏幕ul li a{
颜色：#000；
背景：无；
}
#cssmenu.small-screen ul li:悬停>a，
#cssmenu.small-screen ul li.active>a{
颜色：#000；
}
#cssmenu.小屏幕ul，
#cssmenu.小屏幕ul，
#cssmenu.small-screen.align-right ul{
位置：相对位置；
左：0；
宽度：100%；
保证金：0；
文本对齐：左对齐；
}
#cssmenu.small-screen>ul>li.has-sub>a:after，
#cssmenu.small-screen>ul>li.has-sub>a:之前，
#cssmenu.small-screen ul ul>li.has-sub>a:after，
#cssmenu.small-screen ul>li.has-sub>a:之前{
显示：无；
}
#cssmenu.小屏幕#菜单按钮{
显示：块；
填充：17px；
颜色：#fff；
光标：指针；
字体大小：12px；
文本转换：大写；
字号：700；
背景色：#000；
}
#小型可控硅