externes css --> hr-linie

[Jonathan]

hr {
height: 1px;
border: 1px dashed;
}

IE zeigt die Linie richtig an, im Firefox ist die Linie dicker als die 1px-Linie im IE.

Der Firefox zeigt ein <hr> (standardmäßig) als ein normales Blockelement an. Du definierst hier also ein Element was ein Pixel hoch ist und zusätzlich noch rundherum einen 1-Pixel-Gestrichelten Rahmen hat, also insgesamt 3 Pixel hoch ist.

Benutz lieber solchen Code:

hr {
  height:0;
  border-bottom:1px dashed #cc0000;
}

(Anstatt border-bottom geht natürlich genauso gut border-top.)