Hr Tag in IE - remove border

Posted by Wayne on Stack Overflow See other posts from Stack Overflow or by Wayne
Published on 2010-06-01T23:33:35Z Indexed on 2010/06/01 23:43 UTC
Read the original article Hit count: 563

Filed under:
|
|
|

In other browsers except IE7 and lower the hr displays a border around the hr tag which I don't want it to.

<!--[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]-->

I've tried this solution, but it still appears to have a border around it.

It looks like this:

alt text

How do I get rid of it?

© Stack Overflow or respective owner

Related posts about html

Related posts about css