<hr> background in druckvorschau nicht angezeigt

[koe]

Guten Abend,

Ich versuche gerade in CSS eine <hr>-Linie so zu formatieren damit diese einen schwarz ausgemalten Balken darstellt (Trennlinie eines Titels). Dieser Balken möchte ich in der Höhe anpassen können. Er sollte die volle Seitenbreite besitzen.

Dies funktioniert auch wunderbar. Doch sobald ich mir das ganze an der Druckvorschau anschaue, habe ich nur noch einen rechteckigen Kasten statt ein vollen Balken. "background-color: #000000;" Wird mir in der Druckvorschau nicht angezeigt.

Besten Dank für die Hilfe, Koe

body {
	position: absolute;
	width: 210mm;
	height: 100%;
	left: 25%;
	margin-left: 5mm;
    margin-right: 5mm;
	background-color: transparent;
}


h1 hr {
	height: 5mm;
	border-style: solid;
	color: #000000;
	background-color: #000000;
}

@media print {
	/* Muss am ende der CSS bzw nach der "body" deklaration erfolgen */
	body {
	position: relative;
	left: 0%;
	}
}