changing link color inside TD when mouse moves over TD

not just over the text of the link

[mylungsarempty]

//external .js file
function movein(which,html)
{
which.style.background='888888'
if (document.getElementById)
document.getElementById("boxdescription").innerHTML=html
else
boxdescription.innerHTML=html
}

//the navigation area
<TR><a href="right.php?"onFocus="if(this.blur)this.blur()" target="right">

<TD class="menu" style="height: 25px; cursor:hand; background: #000099 url(/images/nav1.jpg) center no-repeat fixed;" onmouseover="movein(this,'Search the Musicians\' Index for musicians in your area, or enter yourself into the Index and make yourself known to the world.')" onmouseout="moveout1(this)">

<a href="right.php?" onFocus="if(this.blur)this.blur()" target="right">The Index</a>

</TD></a>

</TR>

//the css code
.menu a{font-family: Arial; text-decoration: none; color: ivory; font-size: 10px;}

.menu a:visited{color: ivory;}

.menu a:hover {color: 000000;}

// so my question is, what can i do so that when the mouse is moved over the TD--not JUST the text of the link, but the TD--the text of the link changes color?

[photon]

Assuming the table is inside the

.menu

div, try adding

display:block;

in your CSS for

.menu a

.

[edited for syntax]