Well that and I honestly haven't used z-index in at least 6 or 7 years.
Anyway, my problem. I have a layout I am coding and the designer got a touch crazy with borders and gradient backgrounds but the customer loves it so I'm stuck with it.
The top of the wrapper div has a gradient and borders on the two sides, so I chopped that part out and dropped into the div as an image. I then took a slice of the non gradient part of the background and set it as the background of the div.
I did a position: absolute on the gradient image to take it out of the flow and then a z-index: -1 on it but the image is dropping behind the main body background, essentially disappearing. I wont bore you with all the code, just this particular section:
Code HTML4Strict:<div id='wrapper'> <img src='/images/top_inner_bg.jpg' width='982' height='191' alt='' style='position: absolute; z-index: -1;' /> <div id='main_content'> <div id='top_blocks'> <div id='f_train'></div> <div id='p_train'></div> <div id='d_prod'></div> </div> <div id='intro'> </div> <div id='bot_text'></div> </div> </div>
As I said the stuff in the main content falls behind the image without the z-index set but with the z-index set (as shown) the image then drops below the body's image
Anyone care to kick this old man in the brain and refresh my memory?