hr has bigger margin in IE than in mozilla

[PC_Freak]

I am really confused about this. both my p and hr have a margin set in an external css file:

p {
  margin-top: 12px;
  margin-bottom: 12px;}
hr {
  border: 0px solid #336699;
  border-top-width: 1px;
  height: 0px;
  margin: 0px;
  margin-top: 15px;
  margin-bottom: 15px;}

but when I do

<p>foo</p><hr /><p>bar</p>

the margin between the paragraph and the rule is much more bigger than in mozilla (firebird 0.7). you can see an example here. anyone who nows how to fix it?

[vgarcia]

Why not just use the top or bottom border of one of your paragraphs instead of a horizontal rule? The <hr /> tag is notoriously hard to style because of browser differences.

[PC_Freak]

that's an option but it must be possible to have 2 paragraphs after each other without a line between...