title: border css don't work in google chrome?
body: <p>I got following css code from a tutorial to style an <code>hr</code> tag in firefox.</p>
  <pre><code>hr {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #EEEEEE -moz-use-text-color #FFFFFF;
    border-style: solid none;
    border-color: #EEEEEE;
    border-width: 2px 0;
    margin: 10px 0;
  }
  </code></pre>
  <p><a href="https://www.dropbox.com/s/gwt703a0cqg443b/firefox.png" rel="nofollow noreferrer">Result in picture</a></p>
  <p>I tried to do a similar thing for Chrome browser, and added the following code in <code>hr{}</code>:</p>
  <pre><code>-webkit-border-bottom-colors: none;
    -webkit-border-image: none;
    -webkit-border-left-colors: none;
    -webkit-border-right-colors: none;
    border-color:none;
    border-color: #EEEEEE -webkit-use-text-color #FFFFFF;
  </code></pre>
  <p>but it does not work in Chrome.</p>
  <p><a href="https://www.dropbox.com/s/vtvsxk1pmpnujvy/chrome.png" rel="nofollow noreferrer">Result in picture</a></p>
  <p>Please help me to do it in Chrome.</p>