title: CSS fake HR with background image
body: <p>I want to have a HR like background image. a 2 pixel wide gif file.<br />
  I looked into styling the HR tag, but too much browser issues..<br /></p>
  
  <p>Used a 2px high div with the image as bg, but in IE6, there is a padding I can not seem to get rid of.<br />
  Any suggestions welcome!</p>
  
  <p>CSS:</p>
  
  <pre><code>.hr {
      margin: 0; padding: 0;
      height: 2px;
      background-image: url('images/help-hr.gif');
      background-repeat: repeat-x;
      background-color: green; /* just to see the padding in IE6 */
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;p&gt;sky&lt;/p&gt;
  &lt;div class="hr"&gt;&lt;/div&gt;
  &lt;p&gt;grass&lt;/p&gt;
  </code></pre>