html question

I created a div with a background on it. Then I put a table with no borders inside of the div. Now I'd like to make the content of the cells transparent but I can't seem to figure out how. Can anyone help me?

This is what I've got so far:

<div style="background-image:url(http://i199.photobucket.com/albums/aa227/D1Doris/gif.gif?t=1222311821); background-repeat: no-repeat; background-position: center;">
<table style="background-color: transparent; border:0px; width:430px; height:300px;">
<tr> <td align="center"><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xOTc0Mzg1MQ=="><font face="Lucida Handwriting" size="4">ADD</font></a></td> <td align="center">.</td> <td align="center">.</td> <td align="center"><a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9MTk3NDM4NTE="><font face="Lucida Handwriting" size="4">MSG</font></a></td> </tr>
<tr> <td align="center">.</td> <td align="center">.</td> <td align="center">.</td> <td align="center">.</td> </tr>
<tr> <td align="center">.</td> <td align="center">.</td> <td align="center">.</td> <td align="center">.</td> </tr>
</table>
</div>