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.