Agadoo - Eigene Grafiken für Aufzählungen verwenden

CSS: Eigene Grafik für <hr> verwenden

Man kann ja mit CSS die horizontale Linie formatieren, was Länge, etc. angeht, doch viele möchten eine eigene Grafik dafür verwenden.
Hier kommt der Weg dahin:

Im Prinzip geht man ja den Weg den <hr>-Tag selbst zu formatieren wie z.B.

  hr {background: #fff url(pics/hr.gif) no-repeat ......... }

Doch da sich der Internetexplorer nicht ganz an die Regeln hält müssen wir doch den Weg über das <div>-Tag gehen.

 .linie {background: #fff url(pics/hr.gif) no-repeat center bottom; margin: 8px auto; height: 1px; border: 0 none;}

Auf der Seite setzten wir dann an gewünschter Stelle den <div>-Tag

<div class="linie"></div>