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