CSS allign bottom

Salut,
Am mai multe td-uri ce au definite backgrounduri img diferite pentru a si a:hover ce ar trebui sa reprezinte un fel de sigle;
Vreau ca sub aceste sigle sa fie asezat un text care sa defineasca respectivele sigle si sa isi schimbe culoarea fontului odata cu imaginea td-ului - parerea mea este ca, odata ce vreau sa folosesc numai css - fara javascript - trebuie sa las textul in acelasi container;
Am incercat cu vertical align merge in ff dar in ie textul era inca deasupra; padding-top imi largea td-ul in afara design-ului tot in ie;
Cautand o rezolvare pe google am dat de multe concluzii in genul "IE sucks" dar din pacate 60% din vizitatorii site-ului meu nu au auzit inca de FF sau Opera;
In cazul in care nu m-am exprimat prea clar las codul de jos pentru o imagine mai clara:
a.sig1{
display: block;
width: 79px;
height: 165px;
background: url("/imagini/sig1.jpg") 0 0 no-repeat;
text-decoration: none;
color: #C0C0C0;
text-align:center;
font-size:10px;
}

a:hover.sig1 {
        background-position: 0 -165px;
color: #fff;
font-weight: bold;  
}

si mai departe pentru sig ...x, y, z


<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a class="sig1" href="">sigla 1</a></td>

<td><a class="sig2" href="">sigla 2</a></td>

<td><a class="sig3" href="">sigla 3</a></td>

<td><a class="sig4 href="">sigla 4</a></td>

<td><a class="sig5" href="">sigla 5</a></td>

<td><a class="sig6" href="">sigla 6</a></td>

<td><a class="sig7" href="" >sigla 7</a></td>
</tr>

</table>
Sunt foarte la inceput cu css-ul - d'asta si td-urile - daca se poate o rezolvare fara alternative la td-uri as aprecia  :)