Internet Explorer 7 li 链接悬停错误答案

【问题标题】：Internet Explorer 7 li link hover bugInternet Explorer 7 li 链接悬停错误
【发布时间】：2010-07-14 04:41:29
【问题描述】：

仅限 Internet Explorer 7； FireFox、IE 8、Chrome 运行良好。

我的左侧菜单

http://box1.thegiant.ca/~cuisirama/index.php

如果您悬停任何链接，则背景变为transparent 我该如何解决这个问题？

这是我的 CSS：

div.moduletable_mg { 
 border-top: 1px solid #9C907D;
 padding: 0px;
 margin: 0px;
}
div.moduletable_mg ul {
 padding: 15px;
 margin:  0px 0px 0px 0px;
}
div.moduletable_mg ul li {
 background: url(../images/menu-arrow.png) no-repeat left center;
 min-height: 15px;
 padding: 0px 10px;
 margin:  0px;
}
div.moduletable_mg a {
 /*display:inline-block;*/
 /*background: transparent !important;*/
 font-size: 14px;
 padding: 0px;
 margin:  0px;
 color: #483A22;
}
div.moduletable_mg a:link, div.moduletable_mg a:visited {
 text-decoration: none; 
}
div.moduletable_mg a:hover, div.moduletable_mg a:active {
 text-decoration: underline;
}

【问题讨论】：

哦，格式化。

标签： html css internet-explorer-7

【解决方案1】：

这似乎是一个“hasLayout”问题。问题实际上出在您的 #gdw2-mcleft 容器上。如果我在其上添加样式以赋予该容器“布局”，那么它的行为似乎符合您的要求（我使用zoom: 1 作为我的测试，但您可能希望添加一些其他样式属性来为其提供布局）。

【讨论】：