Dhtml z index problems

I’m having trouble with css. I’ve gotten this code to work in a test page:


<p><img src="media/corner.jpg" width="400" height="400" 
style="position:absolute; z-index:0; "/></p>
<p style="z-index:1;">test</p>

but when I try and apply it to the web page I intend to use it, the image disappears completely. Could the document background color be overriding the dhtml? Could it happen to be because of its a dynamic web template? I’ve tried applying the template to a real page, and the rendering problem still exists.

I’ve also tried numbers like 1 and 2, and greater, but then the image renders above the text.

Has anyone had a similar problem?