td a, a:hover

Ahoj, prosím neví někdo jak udělat, když mám tabulku a co buňka to obrázek (taková malá fotogalerie)
mám nastavný padding (background) a border, ale když chci aby se po přejetí myší barvy jak pozadí tak okraje změnily tak to dělá nepořádek. V IE jakš takš ale v FF a O vubec. Díky za nějaké nápady.

tajny spion přoč by se něměla dělat přes tabulky?

<table border="0" align="center" class="tabulka">

<tr>

<td><a href="#"><img src="1.jpg" alt='' title='' /></a></td>

</tr>

</table

.tabulka td {

	border: 1px solid red;

	background-color: blue;

	padding: 2px;

}

.tabulka td a:hover {

	border: 1px solid orange;

	background-color: green;

	padding: 2px;

}

barvy jsou jen tak abych to lépe vidět :-)

jedná se o to, aby když na obrázek najedu, tak aby se barvy zaměnily :-) pokud někdo ví, tak děkuji