Right I think I have it now. You want a background at the back, and image on top of that and then a table on top of that?
If you use <div> with absolute positioning and z-index you can. z-index says when things are on top of each other which is at the back and which is at the front. Default is 0, positive is coming out of the screen towards the user, minus is going back into the screen.
Probably are easier ways but something like this:
Code:
<html>
<body>
<!-- Your normal code here -->
<!-- This div just wraps everything into one group -->
<div style="position:absolute;">
<!-- This is the background and is at the back. Z-index: 0 -->
<div style="position:absolute;left:0px;top:0px;z-index:0;width:900px;height:300px;background-image:url('test.gif');">
</div>
<!-- This contains the image. Z-index: 1 -->
<div style="position:absolute;left:0px;top:0px;z-index:1;width:900px;height:300px;">
<img style="position:absolute;z-index:0" src="test2.gif" />
</div>
<!-- This contains the table. Z-index:2 -->
<div style="position:absolute;left:0px;top:0px;z-index:2;width:900px;height:300px;">
<table style="width:300px;height:300px;">
<tr>
<td>1111111</td><td>222222</td><td>3333333</td>
</tr>
<tr>
<td>444444</td><td>5555555</td><td>6666666</td>
</tr>
<tr>
<td>7777777</td><td>8888888</td><td>99999999</td>
</tr>
</table>
</div>
</div>
</body>
</html>