Salve a tutti, purtroppo non sono bravo con i css e mi serve una mano. Ho dei dati da tabulare e non riesco a settare bene delle proprietà sulla tabella.

Il risultato che vorrei avere è:

Una riga con i titoli nomi dei campi con un determinato sfondo ed un determinato carattere. e fin qui tutto ok.

Le righe successive sfondo bianco ed ogni colonna deve avere bordo dx e sx 1px colore grigio e fin qui tutto ok.

Adesso vorrei che al passaggio del mouse la riga mi si evidenziasse. anche questa proprietà l'ho applicata ma se applico contameporaneamente quella sulla riga e sulla colonna non vedo il risultato evidenziato. probabilmente la classe che applico alla colonna distrugge quella sulla riga.

Vi posto un pò di codice in modo da poter capire l'errore.

codice:
/***********************CSS*********************/
tr.titoli {
background:#BC0807;
font:"Times New Roman", Times, serif;
color:#000000;
}

tr.riga:hover {
   background-color:#CCCCCC;
}

td.bordi {
border-right:1px solid #CCCCCC;
background: #FFFFFF;
}
codice:
/***********************HTML*********************/
<table width="100%">
  <tr class="titoli">
    <td>Aggiungi</td>
    <td>Modifica</td>
    <td>Elimina</td>
 </tr>

<tr class="riga">
      <td class="bordi">[img]../images/Icone/add.gif[/img]</td>
    <td class="bordi">[img]../images/Iconeedit.gif[/img]</td>
    <td class="bordi"><input type="checkbox" name="elimina[]" value="<?php echo $row[0]?>" /></td>
</tr>
Dove devo correggere??

Grazie a tutti

Frank