css du backgroundo pavaiksleliai

Sveiki, reikia man padaryti backgrounda su dviem skirtingais paveiksliukais, kad vienas butu apacioje, o kitas virsuje (per viduri spalvos kodas).

Naudoju toki koda:

body {
background:url("../images/pic8.png") repeat-x scroll 0 0%, url("../images/pict13.png") repeat-x scroll 0 100% #EDE8C2;
height:100%;
width:100%;
}

Viskas veikia puikiai su mozzila, bet kitos narsykles rodo tik virsutine dali, o IE 6,7,8 isvis nemato backgroundo.

Mano supratimu, tai kodas kuri naudoju turbut yra per daug primityvus, cia gal reikia dvieju div'u ar pan.

Veiksmas vyksta ant joomla templeito.

Nesu as stiprus css zinovas, taigi visi pasiulimai, patarimai yra sveikintini.

Um, dabar CSS3 rocks, bet tokie vartotojai

http://rlv.zcache.com/i_trash_ie6_tshirt-p235178687636954278q6iv_210.jpg

Visalaik liks, tai dabar išeitis yra naudoti du div'us:

<div class="layer_one">
 <div class="layer_two">
 </div>
</div>

Ir kažką tokio:

.layer_one {
 float: left;
 background: url('../img/stuff.jpg') no-repeat 10% 50%;
 width: 200px;
 height: auto;
}
.layer_two {
 float: left;
 background: url('../img/fading.jpg') repeat-x 100% 0%;
 width: 100%;
 height: 100%;
}

Dummas> dekui labai. Tikrai padejo tavo patarimas.

Ateities kartoms palieku koda kuris veike mam:

body {
   width: 100%;
   height: 100%;
   background: url("../images/pic8.png") repeat-x scroll 0 0% #EDE8C2;
}

.layer_two {
 float: left;
 background: url('../images/pict13.png') repeat-x 0% 100%;
 width: 100%;
 height: 100%;
}