title: Hr Tag in IE - remove border
body: <p>In other browsers except IE7 and lower the hr displays a border around the hr tag which I don't want it to.</p>
  
  <pre><code>&lt;!--[if lte IE 7]&gt;
  &lt;style type="text/css"&gt;
  hr {
      margin: -3px 0 0 0;
      padding: 0;
      height: 19px;
      border: none;
      outline: none;
      background: url("img/split.png") center no-repeat;
  }
  &lt;/style&gt;
  &lt;![endif]--&gt;
  </code></pre>
  
  <p>I've tried this solution, but it still appears to have a border around it.</p>
  
  <p>It looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/aVIDB.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aVIDB.jpg" alt="alt text"></a>
  </p>
  
  <p>How do I get rid of it?</p>