Probleme mit "hr" im Firefox

[Pyrofreak]

Hallo!

Ich habe ein Problem mit einer Trennlinie im Firefox Browser im Internet Explorer
zeigt er mir die Seite so an wie sie sein soll....

Code html:

<img src=".... width="113" height="180" class="Buch" />
<p><A HREF=.....</a><br />von "Annette Weber"</p>
<p> Text Text Text...</p>
<hr class="clear" />

Code CSS:

.Buch {
float: left;
border: 1px solid #7C5C1E;
margin-right: 10px;
margin-left: 45px;
}

hr {
border: 1px solid #7C5C1E;
background-color: #7C5C1E;
color: #7C5C1E;
width: 90%;
margin-top: 10px;
}

Also ich möchte einfach links vom Buch einen Abstand und nach dem letzten Absatz eine Trennlinie mit <hr> und diese Trennlinie soll wiederum einen
Abstand haben (margin-top). Diese beiden Abstände macht er mir korrekt
im Explorer aber nicht im Firefox! im Firefox sitzt das Buch auf der Trennlinie auf und ist zu weit nach rechts eingerückt!

Warum weis ich leider nicht, hoffe es weis jemand Rat....

gr Pyro

[Boris]

Um eines klar zu stellen - der IE stellt meistens CSS Angaben falsch dar, auch wenn du denkst "es ist so richtig".

- Was für ein Doctype nutzt du?
- Hast du alle Standardabstände (margin und padding) auf 0 gesetzt? Die sind bei jedem Browser anders

[Pyrofreak]

Hallo Boris!

Danke für deine Antwort erstmal

Ganz am Anfang habe ich alles auf Null gesetzt in meinem Dokument, also
Doctype verwende ich den Xhtml 1.0 Strict.

gr Pyro

[Pyrofreak]

Problem ist erledigt habe die <hr> weggelassen und das ganze etwas anders
gelöst funktioniert jetzt einwandfrei

gr Pyro

[koenixblau]

Problem ist erledigt habe die <hr> weggelassen und das ganze etwas anders
gelöst funktioniert jetzt einwandfrei

gr Pyro

Und wie ... ?

Lösungsweg wäre für die Nachfahren ebenfalls sehr interessant.