Hover Over problem

[quozt]

ok i followed the instructions on a post that i found on here (cannot remember the URL) and created a hover over cell table in css (where you hover over a link and the background color of the cell changes) which works fine but i carnt change it to where you hover over the cell rather than the link

heres my code

[css] #menua{
display: block;
padding: .3em;
margin-bottom: 0em;
border: 2px solid #000000;
border-style:double;
color: #000000;
font: bold 1em arial, verdana,sans-serif;
text-align: center;
background:#ECEAE6;
}

#blue a:hover{
background-color: #9494FF;
color: #737373;
}

[/css]

<table class="all" id="menu">
<tr>
<td>[</td>
<td id="blue">
<a href="index.php">Home</a>
</td>

any css gurus have any ideas

[pageoneresults]

#menu a{ 
display: block; 
[b]width:100%;[/b]
padding: .3em; 
margin-bottom: 0em; 
border: 2px solid #000000; 
border-style:double; 
color: #000000; 
font: bold 1em arial, verdana,sans-serif; 
text-align: center; 
background:#ECEAE6; 
}

I believe adding

width:100%;

will solve the problem. Either to the #menu a or the #blue a:hover.

[quozt]

yeah that worked...thanks