z-index - problem, FF nie zna? a Opera i IE robi co chce Opcje

[Jarod]

Moja strona składa się z (blok "główny", który zawiera tło z poprzecznym wzorkiem), kontenera (blok "kontener").

W kontenerze jest umieszczona cała strony - inne divy, itp.

Chciałbym umieścić belkę pomiędzy kontenerem "główny" a kontenerem "kontener".

W cym celu zrobiłem coś takiego (nie podaję całego kodu css):

[HTML] pobierz, plaintext 
* {
   margin: 0;
   padding: 0;
}
 
div#glowny {
            margin: 0 auto;
            padding: 0;
            width: 760px !important;
            width: 764px;
			background-image: url(../layout/tlo.gif);
			background-repeat: repeat-y;
            z-index: -2;
}
#kontener {
           clear: both;
           margin: 0 auto;
           padding: 0;
           width: 650px;
           background-color: white;
		   border 0;
           z-index: 10;
}
 
#belka {  
		background-image: url(../layout/belka.gif);  
		position: absolute;
		top: 10%;
                left: 70px;
                width: 860px;
		height: 131px;		
		z-index: -10;
}
[HTML] pobierz, plaintext 

Oto wyniki:
-------------

W FF wogóle jej nie widać.

Opera , Internet Explorer (ALE jest ona pod konenerem "główny" a nie między "główny" a "kontener" !)


Mie wiem jak sobie z tym poradzić. Chciałbym żeby belka była umieszczona pomiędzy tłem a kontenerem i jednocześnie działało w FF.

Proszę o pomoc :/

Ten post edytował J4r0d 21.03.2006, 14:34:04

[Jarod]

Poprawiłem i nadal jest źle. Proszę pomóż :/

Kod

* {
margin: 0;
padding: 0;
}

div#glowny {
margin: 0 auto;
padding: 0;
width: 760px !important;
width: 764px;
background-image: url(../layout/tlo.gif);
background-repeat: repeat-y;
z-index: 1;
}
#kontener {
clear: both;
margin: 0 auto;
padding: 0;
width: 650px;
background-color: white;
border 0;
z-index: 3;
}

#belka {
background-image: url(../layout/belka.gif);
position: absolute;
top: 10%;
left: 70px;
width: 860px;
height: 131px;
z-index: 2;
}