No me centra el contenido

[opzina]

Código HTML:

#chat{
width:225px;
text-align:center;
margin:0 auto;
}

#chat1{
width:225px;
margin-bottom:10px;
}


<div id="chat">
<div id="chat1">el contenido de este div no se centra en firefox si en ie7
</div>
</div> 

No entiendo porque no lo centra..????

saludos.

[pzin]

Prueba a poner el text-align en #chat1.

[opzina]

Código:

.cajita2{
width:225px;
}

.cajaabajo2 {
background-image: url(img/postbott2.gif);
background-position: bottom center;
background-repeat: no-repeat;
padding: 30px 15px 25px 15px;
} 

#chat{
width:225px;
margin:0 auto;
background-image: url(img/chat.gif);
background-position: top center;
background-repeat: no-repeat;
}

#centrar{
margin-left:50px;
}

Código HTML:

<div class="cajita2">
<div id="chat">
<div class="cajaabajo2">
<div id="centrar">
ACA VA EL CONTENIDO A CENTRAR
</div>
</div>
</div>
</div> 

De esta manera lo solucione, saludos y gracias.