title: Styling a hr for internet explorer
body: <p>Hey, in my quest to create as image light a site as possible, I'm looking to create two tone hr's. </p>
  
  <p>I've achieved this in modern browsers, but want to achieve the same effect in ie6 and 7.</p>
  
  <p>The current code I am using is</p>
  
  <pre><code>hr {
      border-bottom:1px solid #FFFFFF; 
      border-top:1px solid #dcdcdc; 
      clear:both; 
      height:0; 
      border-left:0px; 
      border-right:0px;
  }
  </code></pre>
  
  <p>I've tried, with no success to make this work in ie6 and 7 without having to target the browsers specifically. Any thoughts?</p>
  
  <p>(Heres my current project where I am employing this code, and looking to make it cross browser - <a href="http://www.qwibbledesigns.co.uk/preview/aurelius/" rel="noreferrer">http://www.qwibbledesigns.co.uk/preview/aurelius/</a> )</p>
  
  <p>Cheers</p>
  
  <p>Matt</p>