Table backgrounds

Hi,

I have a little navigational table at the bottom of this site:

www.shawnthomasstudios.com

I am using this code in my CSS file to make the background change colors
when hovered:

.table:link { color: #003466; background: #87CEEB; text-decoration: none }
.table:active { color: #003466; background: #87CEEB; text-decoration: none }
.table:visited { color: #003466; background: #87CEEB; text-decoration:
none }
A.table:hover { color: #003466; background: #FFFFFF; text-decoration: none }

The table looks like this:

<center>
<table cellpadding="5" cellspacing="1" width="90%" bgcolor="#8E619A">
<tr>
<td align="center" valign="middle" bgcolor="#87CEEB">
<A HREF="record.shtml" class="table">RECORDING STUDIO</td>
<td align="center" valign="middle" bgcolor="#87CEEB">
<A HREF="rates.shtml" class="table">INSTRUCTION</A></td>
<td align="center" valign="middle" bgcolor="#87CEEB">
<A HREF="about.shtml" class="table">ABOUT THE OWNER</A>
</td>
<td align="center" valign="middle" bgcolor="#87CEEB">
<A HREF="index.shtml" class="table">STS HOME PAGE</A>
</td>
</tr>
</table>
</center>

When you hover the mouse over a link on the table, the background color
around the word changes color.  How can I fix it so that the whole
background in the table cell changes color???

Thanks!
Dale Worley
Imagine Computer Services
www.imaginecomputerservices.com
Web Design and Hosting

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA