Background no-repeat

[OrlandoRafaelo]

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

<div class="navi_pics">
<div class="navi_text" style="z-index:2;"><br>
<a class="thumbnail" href="kunst_repliktografie_astronom.html"><img
 src="bilder/thumbs/repliktografie_astronom.jpg"
 alt="Der Astronom - Repliktografie"> <span><img
 style="border: 0px solid ; width: 300px;"
 src="bilder/fineartprint_astronom.jpg"
 alt="Der Astronom - Kunstgem&auml;lde"></span></a><br>
<br>
<div style="text-align: center;"><a class="thumbnail"
 href="kunst_repliktografie_banquett.html"><img
 src="bilder/thumbs/repliktografie_banquett.jpg" alt="Banquett">
<span><img style="border: 0px solid ; width: 400px;"
 src="bilder/fineartprint_banquett_1.jpg"
 alt="Repliktografie - Das Banquett"></span></a><br>
...............................
</div>
</div>
<br>
<br>
<div style="z-index: 1;"><img src="bilder/navi_bg.jpg"
 alt="Navigation Hintergrund"
 style="position: relative; top: -360px; left: 1px;"><br>
</div>

Und mein CSS-Befehl für den Hintergrund

.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;
}

 

[threadi]

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; )

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

Hintergrundbilder kann man nicht mit z-index beeinflussen.