table background images

[xxwhocaresxx]

I am having a problem displaying a image as the background of a table. Any suggestions?


<table class="postit">
<tr>
<td>
<div id="postit" style="height: 208px; width: 250px; position: relative; top:-36px; left:0px; overflow:auto; background-color:Transparent ">

<img src="images/postitSep.jpg"/>

<div style="text-align:left">testLeft</div>
<div style="text-align:center">testCenter</div>
<div style="text-align:right">testRight</div>

<img src="images/postitSep.jpg"/>

<div style="text-align:left">testLeft2</div>
<div style="text-align:center">testCenter2</div>
<div style="text-align:right">testRight2</div>

<img src="images/postitSep.jpg"/>
</div>
</td>
</tr>
</table>


Here is my CSS:

BODY
{
background-color:#CFE6CF;
text-align:center;
font-family:Tahoma;
font-size:small;
color: #444041;
margin: 0px;
}

.postit
{
background-image: url("images/palmpostit.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
height: 306px;
width: 290px;
}

[Centauri]

Take out the background-attachment:fixed - this means the background is fixed to the viewport, and is probably in the top left corner of the screen nowhere near where you want it to display.