Intervengo con il pieno sostegno a Salasir

Nei browser basati su Mozilla (FF), per creare l'effetto basta aggiungere poche righe al css:
codice:
.table tr:hover {
  background-color:#EE1100;
  color:#000;  
}
Il lavoro per FF è fatto; sfortunatamente per IE 6 :hover funziona solo con i link, quindi bisogna trovare una soluzione.

Utilizzo di JS per cambiare le classi

Dobbiamo per prima cosa aplicare lo stile ad una class CSS, in questo caso lux
codice:
.table tr:hover, .table tr.lux {
  background-color:#EE1100;
  color:#000;  
}
Poi dobbiamo aggiungere il codice JavaScript alla pagina:

codice:
<script type="text/javascript">
var rows = document.getElementsByTagName('tr');
for (var i = 0; i < rows.length; i++)  {
  rows [i] .onmouseover = function() {
    this.className += 'lux';
  }
  rows [i] .onmouseover = function() {
    this.className = this.className.replace ('lux', '');
  }
}
</script>
Il codice localizza tutti i tag <tr> nel documento e assegna un gestore d'eventi mouse over; quest'ultimo applica le proprietà lux alle righe.

Mi sembra che sia tutto.

Spero di esserti stato d'aiuto.

P.S. Sottoscrivo quello scritto da pierofix