Hola:
Te pongo este código de ejemplo y luego lo comento:
Cita: <html>
<head>
<style type="text/css">
.activar
{
background:#ffffff;
}
.desactivar
{
background:#000000;
}
</style>
</head>
<body>
<table id="table" cellSpacing="0" cellPadding="0" border=1>
<tr>
<td onmouseover="this.className='activar'" onmouseout="this.className='desactivar'">lista1</td>
</tr>
<tr>
<td onmouseover="this.className='activar'" onmouseout="this.className='desactivar'">lista2</td>
</tr>
<tr>
<td onmouseover="this.className='activar'" onmouseout="this.className='desactivar'">lista3</td>
</tr>
</table>
</body>
</html>
Comentarios
Cambiar la clase actual del objeto cuando pasas el mouse por encima por la clase
activar
onmouseover="this.className='activar'"
Cambiar la clase actual del objeto cuando el el mouse se va del objeto por la clase
desactivar
onmouseout="this.className='desactivar'"
Luego puedes poner los estilos que quieras dentro de cada clase CSS
Si tienes algún proble, no dudes en escribir.
Atentamente,
Alex Francis