[CSS] Problem z pozycjonowaniem karuzeli

[cve]

Witajcie, chcę schować karuzele z grafikami pod div z ładnym tłem, które jest przezroczyste wygląda to nastepująco:

Kod:

<div id="carousel_background">
         <div id="carousel">
            <ul>
                    <li><img alt="" src="<?php echo url::base() ?>assets/img/img1.jpg" /></li>
                    <li><img alt="" src="<?php echo url::base() ?>assets/img/img2.jpg" /></li>
                    <li><img alt="" src="<?php echo url::base() ?>assets/img/img3.jpg" /></li>
           </ul>
     </div>
</div>

no i mam taki css:

Kod:

#carousel {
    width: 690px;
    height: 237px;
}
#carousel_background {
    background: url('../img/carousel_background.png') top center;
    height: 299px;
}

próbowałem nadać pozycjonowanie absolutne i relatywne, żeby móc nadać z-index dla tych dwóch div wiadomo, dla #carousel mniejszy niż dla #carousel_background, ale działy się jakieś dziwne rzeczy. Na kurshtml.boo.pl wyczytałem, że jest jeszcze coś takiego jak stacking context, może to przez to. Karuzela jest oczywiście oprogramowana JS, tam jest overflow hidden dla tego diva, więc obrazki nie 'wylatują' poza te 690px x 237px

[Pedro84]

Zaraz, zaraz, jakie dziwny rzeczy działy się przy z-index? Przecież to jest podstawowe zastosowanie tego atrybutu.

[cve]

nadaję position: relative dla obu tych divówi chcę aby #carousel było pod #carousel_background więc dodaję dla #carousel z-index: 5 a #carousel_background z-index 6 no i nic sie nie dzieje...