Slight problem

[prime]

Ok ask help on the problem I'm having, I need to explain the setup I have

 

I'm using css layout (obviously) and have the positioning with top (fixed) side (fixed) and the display area which is also fixed, now as it scrolls down the display area stops showing and goes to standard body color, So I have applied a z-index backing fixed that covers the entire backing so it doesn't show the white.

 

which is working great.

 

the problem I'm having is actualy with a form text indicator, it's simply not showing but when I removed the z-index backing it shows again.

 

here's the css rule thats causing the problem

 

div#displaybacking
{
	background: black;
	position: absolute;
	position: fixed;
	top: 0%;
	left: 13%;
	width: 87%;
	height: 100%;
	z-index: 1;
}

 

Anyone know where I'm gonig wrong, Oh and the browser I'm using is firefox

[Hybride]

If you have z-index set as 1, it means the object will be put in front of everything in the class/id. Try setting it to -1, that will move it behind everything.

[prime]

excuse me? if it's set to one its in front so change it to 1 so it's behind?

 

hold on i'll show you the 2 rules for display

 

div#displayarea
{
	background: black;
	position: absolute;
	top: 13%;
	left: 13%;
	width: 87%;
	height: 86%;
	z-index: 2;

}

div#displaybacking
{
	background: black;
	position: absolute;
	position: fixed;
	top: 0%;
	left: 13%;
	width: 87%;
	height: 100%;
	z-index: 1;
}

 

now the backing is supposed to go behind which is how I have it set but the form in the displayarea is the one I'm have the text indicator missing from