tabelle con CSS ma non funziona hover!!

[nextart]

ciao a tutti sono andato sul sito :
http://icant.co.uk/csstablegallery/ e ho scaricato questo css
http://icant.co.uk/csstablegallery/index.php?css=51#r51

la tabella viene creata e impaginata come quella del sito ,l'unica cosa che non mi funzioan e' il cambio di colore passando sulla cella...
la struttura e' questa:

<div id="itsthetable">
<table>
<caption>Step 4</caption>
<thead>
				<tr>
					<th scope="col">Design Name</th>
					<th scope="col">Author</th>
					<th scope="col">Country</th>
					<th scope="col">Comment</th>
					<th scope="col">Download</th>
                                        <th scope="col">Thread</th>
				</tr>
			</thead>	
			<tfoot>

				<tr>
					<th scope="row">Total</th>
					<td colspan="4">78 designs</td>
				</tr>
			</tfoot>
<tbody>
<tr>
<th scope="row" id="r4">riga1</th><td>TUTTI</td><td>Flash MX</td><td>view</td><td>download</td><td>thread</td>
</tr>
<tr class="odd">
<th scope="row" id="r3">table red-white</th><td>dddd</td><td>Flash MX</td><td>view</td><td>download</td><td>thread</td>
</tr>
<tr>
<th scope="row" id="r2">scroller di mczzzzzzzzzzzzzzz</th><td>urcccodiaz</td><td>Flash MX</td><td>view</td><td>download</td><td>thread</td>
</tr>
<tr class="odd">
<th scope="row" id="r1">scroller di mczzzzzzzzzzzzzzz</th><td>urcodccciaz</td><td>Flash MX</td><td>view</td><td>download</td><td>thread</td>
</tr>
</tbody>
</table>

nel css le righe interessate sono queste:

#itsthetable table tbody tr:hover {
	color: #ff0000;
	background-color: #E5E5D8;
}

#itsthetable table tbody tr.odd:hover {
        color: #333333;
	background-color: #E5E5D8;
}

ma e' come se non vengono applicate,...pero' se al posto di riferirsi alla riga/cella lo faccio riferire ai link modificando #itsthetable table tbody tr.odd:hover in #itsthetable table tbody tr.odd a:hover IL LINK CAMBIA COLORE.....

ne sapete qualcosa?......