html - doesn't work in Firefox

Question

Opening a plain html with the <hr> tag works perfect with Firefox. Howerver i did create my own CSS and the <hr> line won't show up. So i am demolishing the <hr> tag with my CSS but i don't know where. In Chrome and IE it will work without a problem.

CSS code

hr
{ 
    padding: 0px;
    margin: 0px;
}

---

Got it! I had to use <br><br><hr>. It did work without a problem in every browser without the <br><br> except Firefox. The <hr> was vanished when not using the <br><br> in Firefox. Thanks for al the help people!

Answer 1

对此进行测试：http: //jsfiddle.net/jvzMK/4/

*{font-family:Arial}
html,body { height: 100%; margin: 0px; padding: 0px; }

hr {
    border-style: inset; /* This is already default styling */
    border-width: 10px;
    border-color: red;
}

<hr>更简单的方法是通过制作自己的“假货”来<div>使用border-bottom; http://jsfiddle.net/jvzMK/8/