Ciao ho un piccolo problema diconflitto tra FF e IE, dovrei centrare delle immagini nelle celle di questa tabella (ad una riga per semplicità). Mentre con IE il tutto funziona con FF le immagini mi rimangono sulla destra della cella, cosa potrebbe risolvere il problema?

codice:
<table cellpadding=1 cellspacing=1 align="center" ><td width="20" align="left">1)</td> 
        <td background="../images/ball.png" style="background-repeat:no-repeat;" style="background-position:center center;"  class="testo_giocate"  width="30" align="center" valign="center">2</td> 
        <td background="../images/ball.png" style="background-repeat:no-repeat;" style="background-position:center center;" class="testo_giocate"  width="30" align="center" valign="center">7</td>	
        <td background="../images/ball.png" style="background-repeat:no-repeat;" style="background-position:center center;" class="testo_giocate"  width="30" align="center" valign="center">31</td>	
        <td background="../images/ball.png" style="background-repeat:no-repeat;" style="background-position:center center;" class="testo_giocate"  width="30" align="center" valign="center">54</td>	
        <td background="../images/ball.png" style="background-repeat:no-repeat;" style="background-position:center center;" class="testo_giocate"  width="30" align="center" valign="center">67</td>	
        <td background="../images/ball.png" style="background-repeat:no-repeat;" style="background-position:center center;" class="testo_giocate"  width="30" align="center" valign="center">81</td> 
        <td background="../images/ball.png" style="background-repeat:no-repeat;" style="background-position:center center;" class="testo_giocate"  width="80" align="center" valign="center">0</td>	
        <td width="30" align="center">0</td>