<hr> different in internet explorer and chrome
<p>I'm having a problem with the height of hr. It's okay now in google chrome but hr is too high for IE.</p>

<p>CSS:</p>

<pre><code>hr {
    display: block;
    margin-top: -25px;
    margin-bottom: 0.5em;
    margin-left: 400px;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
</code></pre>

<p>Does anyone know how to change it so it works properly in IE? Thanks in advance! :)</p>