Platzieren eines Hintergrundbildes

[Michi]

Hallo,

ich möchte eine Grafik gern als Hintergrundbild in eine Webseite einbauen,
sodass sie bei horizontaler Position x (wobei hier ein Pixel-Wert übergeben werden soll) am unteren Rand der Seite (nicht zu verwechseln mit dem sichtbaren Bereich im Browser) angebaut wird.

(Als Hintergrundbild deswegen, damit keine Scrollbars angebaut werden, wenn sich die Grafik nicht im sichtbaren Bereich des Browser-Fensters befindet. Sonst wärs ja allzu einfach. :) )

Das Hauptproblem seh ich momentan darin, dem "body"-Tag die passende Höhe zu geben, denn sonst würde die Positionierung mit einer Angabe wie

background-position: 1240px bottom;

ja wahrscheinlich recht einfach gelingen.

100% wird dabei ja als die Bildschirmhöhe interpretiert und nicht als die Seitenhöhe. Gebraucht würde aber die Seitenhöhe. :)

Die Content-Länge kann nahezu beliebig variieren kann und damit auch die Position des Footers mit der daneben zu platzierenden Grafik.

Mit JavaScript / jQuery würde mir zwar was einfallen, lieber wärs mir jedoch mit reinem CSS.

Hat jemand einen Cross-Browser-tauglichen CSS-Ansatz hierfür?

Gruß Michi