html - Wordpress 下拉菜单无法正常工作 - CSS 问题？

Question

您好，我一直在绞尽脑汁想弄清楚为什么我正在处理的这个页面上的下拉菜单看起来很奇怪。我很确定这是一个 CSS 问题，但我已尝试使用 Firebug 进行调试，但似乎找不到解决方案。

这是网站的链接:
goo.gl/HXabQv

如您所见，子菜单的行为与主菜单项几乎相同，并且不显示下拉菜单的实际外观。非常感谢任何帮助。

谢谢

Answer 1

这不是您需要的完整代码，但它是清理代码的起点:

ol#menu-main_menu a:hover {color: white; text-decoration: underline;}
ol#menu-main_menu ul a, ol#menu-main_menu ul a:hover {color: black;}
ol#menu-main_menu li {position: relative}
ol#menu-main_menu li ul {position: absolute; left: -9999px; top: 100%; margin: 0; padding: 0 0 0 20px; list-style: bullet; background: white;}
ol#menu-main_menu li:hover ul {left: 0;}
ol#menu-main_menu li ul li {width: 100px; border: 0;}