centrar vertical y horizontalmente lo que haya dentro de una capa

[chusete]

me estoy volviendo loco y no encuentro una forma de centrar vertical y horizontalmente lo que haya dentro de una capa cualquiera que sea su medida.

pruebo con margin:auto y me lo centra horizontalmente, pero nunca verticalmente.

antes era mas facil con valing:middle y text-align:center; con css no hay manera de que fucione en todos los navegadores

[chusete]

he estado probando el codigo que venia en una faq respecto a la alineacion vertical

<style type="text/css">
#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;} /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%} /* for explorer only */
/* optional: #inner[id] {position: static;} */
</style>,

sin embargo, no da el mismo resultado en explorer que en mozilla.

por que no funciona el display:table o display:tabla-cell en el explorer?