CSS Layers for Images, Layers for Text

I’m trying to position an image right over some text, hiding the text from the viewer.

I’m using CSS layers to try to accomplish, with the z-index function.

However, what I am getting right now is the image, and then the text following.

To compound the issues further, my text and image are in a cell of a table. The table boundaries need to be set to the viewers screen, so setting absolute positions are not possible for me.

What I have so far is:

[CODE]<td>
<img src=”black.gif” width=”150″ height=”75″ style=”position:relative; z-index:2;”>
<p style=”position:relative; z-index:1;”>Text Set 1</p>
<p style=”position:relative; z-index:1;”>Text Set 2</p>
</td>[/CODE]

Thanks for any help. ?

Also in #CSS _↴