title: hr with an image through css
body: <p>I find this a pain. I am trying to get CSS to use an image when the <code>&lt; hr /&gt;</code> tag is used.
  I am currently using:</p>
  
  <pre><code>hr
  {
    display:block;
    border:none;
    height:10px;
    background-image:url('img/ruler.gif');
  } 
  </code></pre>
  
  <p>However, I always get a border around the image. As you can see, the <code>border:none</code> does nothing.</p>
  
  <p>I know there are alternative ways such as using div. But is it possible through using the hr tag only? </p>
  
  <p>The main users will be using IE6, so need a IE6 compatable solution please.
  Thanks</p>