Image Is Behind Background Colour

[learn4life]

I have a div and within the div is a table. I have an ID on the table named #main. What I'm trying to do is add an image at the bottom left position of either the div or the table. I'm able to do this but the image is behind a td with a background colour so the image is not visible. Is there a work around to make the image visible? This is the css. Thanks!

#main {
border: 0px;
width: 960px;
height: 100%;
margin-left:auto;
margin-right:auto;
text-align:center;
background-color: #E8E8E0;
background-image: url(../images/gavel.jpg);
background-position: bottom left;
background-repeat: no-repeat;

[swa66]

remove the background color on the td ?

[learn4life]

I need to use the background colour, that's why I'm asking if there is a way to have the image show through it.

Thanks!

[londrum]

you'll have to put the image in a cell, i think, otherwise you won't be able to get it to work.

if you can't do that, then you could include a
<tfoot><td>Blah blah</td></tfoot>
section at the end of the table and have the image appear in there instead. just stretch that one <td> across the whole width of the table and give it a fixed height.