[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.

[C2am]

Existe esto:

Código CSS:

display: -moz-inline-box; /* FF */
 display: -webkit-inline-box; /* Chrome, Safari */
 

No digo que no, la verdad que es la primera vez veo algo parecido.
En general he visto que los prefijos se aplican a las propiedades, no a los valores de dichas propiedades.
Por ejemplo
-moz-border-radius
-moz-boxshadow, etc

Es solo curiosidad.
Saludos

[Wolfchamane]

Iniciado por C2am

Existe esto:

Código CSS:

display: -moz-inline-box; /* FF */
 display: -webkit-inline-box; /* Chrome, Safari */
 

No digo que no, la verdad que es la primera vez veo algo parecido.
En general he visto que los prefijos se aplican a las propiedades, no a los valores de dichas propiedades.
Por ejemplo
-moz-border-radius
-moz-boxshadow, etc

Es solo curiosidad.
Saludos

Sí, supongo que lo correcto sería:

Código CSS:

-moz-display: inline-block;
-webkit-display: inline-block;
-ms-display: inline;
 

Pero del otro modo también funciona.

[C2am]

Pero del otro modo también funciona.

En realidad del primer modo funciona porque

Código CSS:

display:inline-block /* IE and rest */
 

, que es la última linea es la correcta, y asume ese valor correcto y no los incorrectos.

Saludos