Mouse Over Effekt - skift baggrundsfarve i tabel

Hej.

Jeg har hårdt brug for en CSS-ekspert. Pt. har jeg lavet min mouse-over effekt i min menu vha. et lille java-script. Dette ændre baggrundsfarven når musen bevæges hen over en <td></td>. Dette system kan jeg dog ikke længere bruge, da jeg ønsker at basere alt på CSS.

Min nuværende løsning :

<tr>
<td class="menulink" onmouseover="this.style.backgroundColor='#D1E3ED'" onmouseout="this.style.backgroundColor='#EDF0F8'" onClick="parent.location='index.php'"><img src="images/house.gif" alt=""> <a href="#" class="menu">Forside</a></td>
</tr>

Hvordan kan jeg få sat baggrundsfarverne over i mit style sheet i stedet? Mit nuværende CSS inkludere flg. til mit menupunkt :

a.menu {
  color: #FFFFFF;
  text-decoration: none;
}

.menulink {
  padding-left: 18px;
  height: 20px;
}

På forhånd mange tak :)