CSS溢出不适用于chrome

Question

我有一个"超级菜单",其中包含一个.png,它应该在用户鼠标离开菜单后隐藏.它在IE浏览器中可以正常工作,但不能在Chrome中运行 - 它会使图片中的区域悬停在菜单之外.

根据Sparkys的建议,这是 JSFiddle

这是我的开发文件夹的链接:

http://libertyeaglearms.com/dev/

这是我的css的直接链接:

http://libertyeaglearms.com/dev/assets/menu.css

我认为这可能与第6行有关

.megaCreator a img{ 
  display:block;
  position:absolute;
  bottom:-50px;
  right:-50px;
  max-width:550px;
  outline:none;
  border:none;
  background:none; 
}

但是,我不确定.

如果我需要直接在这里发布代码,我会,我不确定问题究竟在哪里,所以通过实际工作表查看所有css,我觉得,会更好.

这里有几个屏幕截图显示了这个问题:

这是鼠标:

这是鼠标:

注意:我没有使用任何JavaScript的菜单,以防问题出现!

谢谢 :)

这是工作代码 - > JS FIDDLE

Answer 1

这些规则之一是覆盖溢出：

.megaMenu-fade > li.megaMenu-drop:hover > div,
.megaMenu-fade > li.megaMenu-drop:hover > ul,
.megaMenu-fade > li > ul li.megaMenu-drop:hover > ul,
.megaCreator > li.megaMenu-drop:hover > div,
.megaCreator > li.megaMenu-drop:hover > ul,
.megaCreator > li > ul li.megaMenu-drop:hover > ul

看：