Changing TD backgroundcolor on mouseover

[Crockett]

Hi all-

Hoping one of you gurus can help me out w/ this one...

I'm working on a global nav bar for an intranet portal.

Nav bar is a 100% table w/ 1 row and a bunch of columns. Each TD has its own bacground image, and I and want to accomplish the following:

on mouseover change the TD background from an image to a solid color; on mouse out, change the TD back to the background image.

I've managed to get it to function, although makes a nasty little yellow javascript error in the browser w/ the following "ERROR: INVALID ARGUMENT"

Here's the code for an individual TD:

<a href="/intranet/admin/index.php"> <td width="10%" align="center" onmouseover="this.style.backgroundColor='#CCCCCC'" onmouseout="this.style.background='/intranet/admin/images/globalNav_bg.jpg'">Administration</td></a>

[randem]

Why not just use CSS for this?

<style type="text/css">
TABLE.nav TD {
   background: #CCC;
   background-image: url(/intranet/admin/images/globalNav_bg.jpg);
}
TABLE.nav TD:hover {
   background-image: none;
}
</style>

<table class="nav">
...
<td>...</td>
...
</table>

[Crockett]

.