我有一个由Wordpress生成的导航菜单，这意味着我几乎无法控制它的输出方式。
我已经使用css按照我想要的方式设置on-hover子菜单，但它在IE7中看起来很像。它在其他浏览器中没有任何问题。
即使在有效的浏览器中，主菜单也可能显得不亮，因为我在我的网站上使用@fontface但未包含在jsFiddle中。主要问题是子菜单项之间的差距。
我尝试过垂直对齐子菜单li和a，但要么更糟糕，要么没有解决问题。
我在这里复制了这个问题：[链接删除]
如果我添加
#menu-header .sub-menu a { height: 100%; }
它解决了垂直间隙问题，但物品的宽度不再相同。
答案 0 :(得分：1)
您可以尝试以下操作：
#menu-header .sub-menu a { zoom: 1; }
这将消除间隙，但项目的宽度与内部内容相同。
前段时间我遇到了同样的问题。我所做的是，在div内创建一个容器li。这样较长的文本可以包装，并设置静态宽度。您甚至可以使用jQuery动态调整每个下拉列表的宽度，但这是一个完全不同的故事。
很少有参考资料：
http://work.arounds.org/issue/20/removing-gaps-between-list-items-containing-anchor/
http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/
http://www.belafontecode.com/3-ways-to-get-rid-of-spaces-in-list-item-navigation-in-ie6/