<div name=bla></div>
verwende statt name -> class -> <div class="bla"></div>
und dann dem div im stylesheet nen hintergrund zuordnen?
Höhe und Breite sind auch erforderlich!
bsp.:
div.bla {
height:5px;
width:300px;
background-image:url(bild.jpg);
}
Dann würde ich eher vorschlagen, den Abschnitt eines Dokuments mit dem div zu umspannen, vor allem wenn mehrere hr-Elemente vorkamen.
<div class"abschnitt">
<h2>Bla</h2>
<p>Bla</p>
...
</div>
<div class="abschnitt">
usw.
Dann das Hintergrundbild mit Wiederholung in der Horizontalen (background-repeat:repeat-x;), wenn es ein Muster ist, ansonsten keine Wiederholung (no-repeat) und oben zentriert ausgerichtet (background-position:top center;). Damit der Inhalt des divs nicht über dem Hintergrundbild liegt, bekommt es einen entsprechenden Wert für padding-top.