Background no-repeat

Ich habe auf meiner Seite ein Box ( CSS, absolute Höhe und Weite ) und möchte gerne ein Hintergrundbild einfügen ohne dass es sich wiederholt, also dass es nicht mitscrollt sonder ständig an einer Stelle bleibt (background-repeat: no-repeat; ) Firefox zeigt alles richtig an, aber im IE 6 / 7 / 8 scrollt das Bild mit und danach ist der Background transparent…
Jetzt wollte ich das Bild einfach positionieren und unter die Box setzen (z-index:1; ), aber das funktioniert auch nicht… Wenn ich dem Bild n höheren z-index gebe bleibt das trotzdem über der Box…

Ich Hoffe Ihr könnt mir weiterhelfen!

Hier ist der Ausschnitt

[HTML]


Der Astronom - Repliktografie Der Astronom - Kunstgemälde

Banquett Repliktografie - Das Banquett
...............................


Navigation Hintergrund
[/HTML]Und mein CSS-Befehl für den Hintergrund [HTML].navi_pics { float:left; width:288px; height: 364px; background-image: url(../bilder/navi_bg.jpg); border-top-color:#007CA5; border-left-color:#007CA5; border-right-color:#004080; border-bottom-color:#004080; border-width:1px; border-style:solid; overflow-y: auto; overflow-x:hidden; background-repeat:no-repeat; } [/HTML]

Wäre dann „background-position: fixed;“ nicht das richtige?

Hintergrundbilder kann man nicht mit z-index beeinflussen.