IE7和8 CSS菜单背景下拉悬停问题

希望有人能用一双新的眼睛来帮助我，我一直在用头撞砖墙，试图解决IE7-8中的一个问题，当鼠标悬停在上面时，下拉菜单项会跳来跳去——一些负面的边距规则被应用在鼠标悬停上（以及丑陋的块背景）我不明白为什么这会发生在IE7-8而不是其他浏览器中（即使是IE6我也能正常工作！）。我已经在app.css样式表的底部注释了我的尝试。基本上，下拉菜单覆盖了Twitter引导中的一些样式。在app.css应用自定义样式之前包含

---

这是一个[演示链接][1]（目前只有下拉菜单样式是个问题，我意识到顶级项目不是很清晰！）

悬停背景是因为这段代码来自bootstrap.css第6行。filter属性用于在ie中应用渐变。在第106行app.css中，所有属性都被覆盖，但不是filter，因此ie中有蓝色背景

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: white;
    text-decoration: none;
    background-color: #08C;
    background-color: #0081C2;
    background-image: -moz-linear-gradient(top,#08C,#0077B3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08C),to(#0077B3));
    background-image: -webkit-linear-gradient(top,#08C,#0077B3);
    background-image: -o-linear-gradient(top,#08C,#0077B3);
    background-image: linear-gradient(to bottom,#08C,#0077B3);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
    }

---

悬停的背景是因为这段代码来自bootstrap.css第6行。filter属性用于在ie中应用渐变。在第106行app.css中，所有属性都被覆盖，但不是filter，因此ie中有蓝色背景

.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: white;
    text-decoration: none;
    background-color: #08C;
    background-color: #0081C2;
    background-image: -moz-linear-gradient(top,#08C,#0077B3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08C),to(#0077B3));
    background-image: -webkit-linear-gradient(top,#08C,#0077B3);
    background-image: -o-linear-gradient(top,#08C,#0077B3);
    background-image: linear-gradient(to bottom,#08C,#0077B3);
    background-repeat: repeat-x;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0);
    }

---

谢谢，对背景问题进行排序-将分别发布悬停保证金问题，因为您有关于该问题的更多信息。对背景问题进行排序-将分别发布悬停保证金问题，因为您有关于该问题的更多信息