[SOLUCIONADO] Contenido DIV centrados cross browser

[Wolfchamane]

Sencillamente, he probado de todo y no sé como conseguirlo.

Tengo un DIV que a su vez contiene una serie de elementos, necesito que dichos elementos se muestren centrados y en linea. El problema viene al cambiar de navegador.

Este el código:

Código CSS:

div#wrapper{
  text-align: center;
}
div#contenido{
 display: -moz-inline-box; /* FF */
 display: -webkit-inline-box; /* Chrome, Safari */
 display: inline-block; /* IE and rest */
}
 

Código HTML:

<div id="wrapper">
  <div id="contenido">
    <!-- some content -->
  </div>
</div>
 

Bien, pues en FF, Chrome y Safari el contenido se muestra según lo deseado.
En IE, el contenido se apila.

¿Alguna solución?
Gracias de antemano.

SOLUCION
Incluir una capa intermedia al que aplicar el display deseado.