Internet Explorer 8 ignora el ancho del elemento 'display: table-cell'

Según el modo peculiaridades, Internet Explorer 8 admite opciones de tabla para la propiedad de visualización, pero en este ejemplo muestra un comportamiento muy extraño
http://jsfiddle.net/e3cUn/3/

En un navegador normal, la imagen interna se escalará para ajustarse a un cuadro de 150x150 sin cambiar la relación de dimensión (estiramiento).

Pero en IE8, la caja exterior (azul) también se estirará:

1) ¿Has visto algo así? Parece estar relacionado context-align:center: eliminar esta propiedad soluciona el problema, pero necesito centrar la imagen (al menos en navegadores que no sean, por ejemplo).

2) Si esto no se puede solucionar correctamente, ¿cómo puedo proporcionar un especialdisplay valor para IE? He visto algunos ejemplos en la web, como#display: block;, pero todos funcionan solo hasta IE7.

editar Se acerca de<!--[if IE 8]> y comandos similares para poner en html, pero en realidad estaba buscando una manera de hacerlo en el archivo css. Algo como esto

    display: table-cell;
    #display: block;

La segunda línea no es un comentario, anula el valor anterior para ie7 y debajo. (pero no ie8)

¡Gracias!

Respuestas a la pregunta(5)

Su respuesta a la pregunta