Centrare immagine in cella in FF

[bode]

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?

<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>

[bode]

Ho scoperto che il problema è il

background-position:center center;

all'interno delle colonne, IE lo accetta mentre FF no, sicuramente esiste un modo per farlo capire pure a FF che ste maledette immagini le voglio al centro e non dove vuole lui!

[Prill]

Ciao Bode, il problema sono gli errori nel codice. Da inserire il tag tr prima delle celle, da evitare le doppie dichiarazioni di stile in linea (ne basta una sola che racchiuda le indicazioni per l'immagine di sfondo - evitando l'attributo background -, la sua ripetizione e il posizionamento). Errato anche il valign="center", caso mai valign="middle", preferibile passare anche questo coi css. Ti converrà creare una classe, come ad esempio questa

.miaCella {
 	width:30px;
 	text-align:center;
 	vertical-align:middle;
 	background-image:url(../images/ball.png);
 	background-repeat:no-repeat;
 	background-position:center center; }

da applicare alle tue celle (o puoi integrarla con la classe già applicata) in maniera tale da avere anche un codice più pulito

[bode]

Prill, grazie 1000, funziona alla grande, scusami ma sono un neofita di css e pure di html! Ancora grazie.

[Prill]

Di nulla