(Resolvido) Alinhar horizontalmente e verticalmente uma background-ima

[rafaeldorazio]

.mask 
        {
         background-color: #FFF;
          z-index: 100;
          background-image: url('img/loading.gif');
          background-repeat: no-repeat;
          background-position: 50% 50%;
        }

Não sei mais o que fazer, pois a imagem só está sendo centralizada na tbody da tabela no Firefox. Nos outros navegadores, IE, Chrome não está centralizando a imagem horizontalmente e verticalmente. No Chrome ele está colocando a imagem de loading dentro de todas as tr. alguém sabe como centralizar horizontalmente e verticalmente a imagem para todos os navegadores na tbody ? tbody:

<tbody><tr id="linha"><td datacolumn="CD_LOGRADOURO" class="conteudo">1</td><td datacolumn="DS_LOGRADOURO_NOME" class="conteudo">Rua A</td><td datacolumn="NO_LOGRADOURO_CEP" class="conteudo">69906350</td></tr><tr id="linha"><td datacolumn="CD_LOGRADOURO" class="conteudo">2</td><td datacolumn="DS_LOGRADOURO_NOME" class="conteudo">Rua A</td><td datacolumn="NO_LOGRADOURO_CEP" class="conteudo">69900520</td></tr><tr id="linha"><td datacolumn="CD_LOGRADOURO" class="conteudo">3</td><td datacolumn="DS_LOGRADOURO_NOME" class="conteudo">Rua A</td><td datacolumn="NO_LOGRADOURO_CEP" class="conteudo">69911290</td></tr><tr id="linha"><td datacolumn="CD_LOGRADOURO" class="conteudo">4</td><td datacolumn="DS_LOGRADOURO_NOME" class="conteudo">Rua A</td><td datacolumn="NO_LOGRADOURO_CEP" class="conteudo">69904665</td></tr><tr id="linha"><td datacolumn="CD_LOGRADOURO" class="conteudo">5</td><td datacolumn="DS_LOGRADOURO_NOME" class="conteudo">Rua A</td><td datacolumn="NO_LOGRADOURO_CEP" class="conteudo">69912680</td></tr></tbody>

[_Vinny_]

rafaeldorazio, eu fiz um teste simples e funciona normal no FF3.6, GC10, IE 6, 7 e 8.

Dá uma verificada onde esta a class que chama a imagem dentro da tabela.

Veja o meu exemplo:

<style>
.fundo {
    background-image: url('http://www.google.com.br/logos/2011/houdini11-hp.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%; }
</style>

<table>
    <tr>
        <td class="fundo" width="900" height="500"></td>
    </tr>
</table>

Pega esse código e faça um teste também.

[rafaeldorazio]

não sei o que aconteceu aqui, de uma hora pra outra funcionou pro chrome e ie9, no ie8 pra baixo não testei.

Vlw

pode fechar