Differenze IE e Firefox nel centrare 1 tabella dentro un DIV

[Sandrik]

Ho una pagina contenente il seguente div: <div id="tabella" class="tabella">
Su IE 7 nessun problema di visualizzazione su Firefox invece il layout risulta sconfigurato.
Dove risiede secondo voi il problema ?
Se volete verificare voi stessi vi metto a disposizione il link: Link di prova

il css associato al div "tabella" è il seguente:
.tabella {
background-image: url(../MODELLI/images/strutture/tabella.jpg);
background-repeat: repeat-y;
position: relative;
height: auto;
width: 982px;
top: 187px;
background-position: center center;
text-align: left;
vertical-align: top;
visibility: visible;
z-index: auto;
padding-left: 25px;

Ciao a tutti

[Myaku]

già detto e ridetto sbagli approccio.
Devi fare riferimento ai browser quali Firefox, Opera e Safari perchè sono quelli che più si attengono alle specifiche w3c. Una volta che crei codice valido (e possibilmente anche pulito e con una corretta semantica), i problemi di IE li risolvi con i commenti condizionali.

Inizia quindi a sistemare il tuo codice ottimizzandolo per i browser standard-compliant, ed in particolare:
1. mettici il doctype
2. togli gli stili inline, mettili in un file esterno
3. non usare attributi di formattazione nell'html (es. bgcolor, cellpadding, ....)
4. non usare tabelle per costruire il layout
5. crea un css che sia ottimizzato per Firefox (se l'hai costruito "bene", salvo casi particolari non avrai problemi neanche con Opera e Safari).