making a table have a transparent background

as above

[Scrimbler]

I have a table which has another table within one of it's cells, like this:

<table class="t-mainbody">
<tr>
<td class="td-barsbody">
<table>
<tr>
<td>
<li><a href="bars\@home.html">@Home</a>
</td>
</tr>
</table>
</td>
</tr>
</table>

unfortunately the table inside has black backgrounded cells, and i would like them to be transparent.

the twoo classes used, look like this...

table.t-mainbody {
height: 415px;
width: 600px;
border: 1px solid #ffffff;
}
td.td-barsbody {
background-image: url(images/barbg.jpg);
padding: 15px;
text-align: left;
vertical-align: top;
font-size: 13px;
font-family: verdana, arial, helvetica, sans-serif;
color: #ffffff;
}

i have no idea why this is happening. can anyone help?!

thanks,

scrimbler

[Scrimbler]

sorry, my mistake.

i had the background colour for all TD's to be black elsewhere.

*blush*