Css 边界底部未完全穿过

我有一个子AV，在每个子菜单项下都有一个边框底部，当我检查所有浏览器是否正常时，我注意到边框底部在IE7中文本结尾处停止

这是我的css

.subnav_wrapper_ul {
background: none repeat scroll 0 0 #00AEEF;
font-size: 13px !important;
position: absolute;
top: 34px;
z-index: 1000;
}

.header-wrapper .main-nav li {
float: left;
list-style: none outside none;
position: relative;
white-space: nowrap;
z-index: 1000;
}
.subnav_wrapper_ul li {
border-bottom: 1px dotted #FFFFFF;
float: none !important;
padding: 0;
width: 100%;
}

---

如果您需要我提供任何其他信息，请让我知道

将边框底部css属性指定给ul元素，而不是单个li项目

.subnav_wrapper_ul {
background: none repeat scroll 0 0 #00AEEF;
font-size: 13px !important;
position: absolute;
top: 34px;
z-index: 1000;
border-bottom: 1px dotted #FFFFFF;
}

---

我们没有任何链接或图片可供参考，所以在这种情况下，我们都必须猜测

不管怎么说，你说的是子菜单部分。我们可以在这里使用IE7特有的黑客吗

*:first-child+html .subnav_wrapper_ul li {
border-bottom: 1px dotted #FFFFFF;
float: none !important;
padding: 0;
width: 100%;
}

针对IE7的另一种方法是：

*border-bottom: 1px dotted #FFFFFF;

---

请用你的html和cssHow制作一个JSFIDLE，如果除IE7之外的所有其他浏览器看起来都很好，cssHow将把代码放在JSFIDLE帮助上，因为这是我们用来查看人们如何设置代码的工具。我们看不到这个问题，所以您需要使用JSFIDLE提供一个实例