Css 为什么IE中只有一半的背景显示子菜单链接？

对于现代浏览器，我在菜单悬停状态背景上使用CSS渐变。IE中的渐变过滤器看起来不太好，所以我将使用从chrome屏幕截图中获取的背景图像。 我遇到的问题是，在IE中，当子菜单链接悬停时，只显示元素背景的一半，而下半部分被剪裁。使用IE开发者工具，元素看起来有适当的高度，但只显示了一半的背景

。主导航li ul li a{
溢出：可见；
字体系列：“HelveticaNeue”，helvetica；
字体大小：12px；
背景：rgba（220,220,220,0.0）；
边框底部：1px实心rgba（0,0,0,0.0）；
宽度：178px；
保证金：0px自动；
高度：38px；
线高：3.2米；
颜色：#fefefe；
文本转换：无；
-webkit转换：无；
-moz转换：无；
-o-转变：无；
-ms转换：无；
过渡：无；
}   
.主导航li ul li a:悬停{
背景：#dddddd；/*旧浏览器*/
背景：-莫兹线性梯度（顶部，#dddddd0%，#545454 2%，#191919 95%）；/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、颜色停止（0%、#dddddd）、颜色停止（2%、#545454）、颜色停止（95%、#191919））；/*铬、Safari4+*/
背景：-webkit线性梯度（顶部，#DDDD 0%，#5454 2%，#191919 95%）；/*铬10+，Safari5.1+*/
背景：-o-线性梯度（顶部，#DDDD 0%，#545454 2%，#191919 95%）；/*Opera 11.10+*/
背景：-ms线性梯度（顶部，#DDDD 0%，#545454 2%，#191919 95%）；/*IE10+*/
背景：线性梯度（至底部，#dddddd0%，#545454 2%，#191919 95%）；/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#dddddd'，endColorstr='#191919'，GradientType=0）；/*IE6-9*/
边界：没有！重要；
-webkit转换：无；
-moz转换：无；
-o-转变：无；
-ms转换：无；
过渡：无；
背景图片：url（'img/subhoverbg.png'）！重要；
背景重复：重复；
}

您应该在jsfiddle.net上进行演示，并指定您所谈论的IE。屏幕截图也很好。不确定这是一个怎样的wordpress问题，不管你是在wordpress网站上使用它还是仅仅为了澄清…：）大家好，我同意截图很好，不幸的是，作为一个新手，我不能提供它们。我认为这是一个WordPress的问题，因为我试图修改标准的2012导航菜单的背景外观，它的行为很奇怪。这个问题影响到IE的所有版本，可能除了IE10。我通过设计的另一个方向解决了这个问题，但我仍然想知道是否有其他人对这个问题有经验或建议，以供将来参考，因为我倾向于使用最新的WP标准主题作为起点。