html - IE 中的 Hr 标签 - 去除边框

Question

在除 IE7 以外的其他浏览器中，降低 hr 会在 hr 标签周围显示一个边框，这是我不希望的。

<!--[if lte IE 7]>
<style type="text/css">
hr {
    margin: -3px 0 0 0;
    padding: 0;
    height: 19px;
    border: none;
    outline: none;
    background: url("img/split.png") center no-repeat;
}
</style>
<![endif]-->

我试过这个解决方案，但它周围似乎仍然有边框。

看起来像这样:

我该如何摆脱它？

Answer 1

参见 http://webdesign.about.com/od/beginningcss/a/style_hr_tag.htm

这个问题似乎没有什么好办法，只能用hack(使用周围的div)。