Centralizar tabela dentro de div

[Ricardo25]

Fiz uma div e dentro dela tenho uma tabela.

No IE a tabela fica centralizada dentro da div, mas no Chrome e Firefox a tabela fica no canto esquerdo. :unsure:

Alguém sabe como corrigir isso? :blink:

Segue o código:

body {
margin:            0;
padding:            0;
background:        #FFE7BA;
text-align:    center; /* hack para o IEca */
}



/* Tabelas */
table{
font-family:     "Arial",Verdana,Sans-serif;
border:        0px;
font-size:         18px;
color:        #8B2500;
}

.title{
font-family:     "Arial",Verdana,Sans-serif;
font-size:         24px;
font-weight:    bold;
color:        #FFFAFA;

}

div.tudo {
text-align:         center;
width:         1000px;
height:        700px;
margin:        0 auto;         
padding:         1px;
background:     #8B4726;
text-align:        left; /* "remédio" para o hack do IEca */ 
}

div.cab {

font-size:             30px;
font-weight:        bold;
color:            #FFFAFA;
position:             relative;
height:            50px;
width:            100%;
text-align:             center;
padding:             1px;
top:                0%;
background-color:     #CD950C;
}


div.conteudo {

font-size:             24px;
position:             relative;
width:            100%;
height:            90%;
text-align:             center;
padding:             0px;
top:                5px;
left:                0px;
background-color:     #CD950C;
}

Aqui o código html onde tem as divs:
    <div class="tudo">    
         <div class="cab">
             Titulo da Pagina
          </div>

         <div class="conteudo">             
                
                     (Aqui tem uma tabela)
             
             </div>
        </div>

Obrigado

Editado Outubro 2, 2010 por Ricardo25

[_Vinny_]

Posta todo o código HTML aqui ou pelo menos a div com a tabela dentro, por favor.