Remove table cell border in table in footer

I have been trying to create a table in a footer column with a transparent background on all the cells and no borders so that I can position some text and images.

I have managed to get the table cell backgrounds to go transparent by setting the color to #0000ffff for the alternative background color for the footer in generalstyling->footer.

I can not get rid of the table cell borders though.

Below is the code in the footer column that creates the table;

<table width=”319″ height=”150″ id=”transtable”>
<tr>
<td width=”72″ style=”vertical-align: top;”></td>
<td width=”235″>
</br>
<span style=”font-size:85%”>Pacific Coast Energy, LLC is an industry leading propane marketing and distribution company based in the Puget Sound region of Washington State. We are locally owned & operated and we take pride in providing first class service at a fair and reasonable price.</span></td>
</tr>
</table>

I added the following to my child theme styles.css

#transtable {
border-collapse: collapse;
border: 1px none;
}

Any help would be appreciated!

Thanks,
Darryl.