Image in Table Cell with CSS

Hi. I've got a question regarding placing an image within a table cell and using CSS to achieve a certain result. The table cell's width is determined at 530px, but the height is dependent on the actual length of the copy. What I'm looking to accomplish is have an image ghosted in the background of the text. It is supposed to appear in the lower right hand corner of the cell. I've already created the image with a transparent background, but it's not implementing correctly. Can I use a Z-Index style to achieve the item being placed under the text? Also, how do I make sure that the image is positioned in the lower right hand corner of the cell regardless of the height of the cell? Thanks!

Simon315

hi simon,
you can simply use the following css attributes on your cell:

background-image: url(your-image);
background-position: position

for the position you can either use two numeric values or the css-positioning expressions, like "top" "bottom" "left" and so on...
as there is no position like bottom-right you need to use the exact coordinates.
if you're not sure what they are just play a bit with them.

hope that helps