De acordo com o modo peculiar, o internet explorer 8 suporta opções de tabela para a propriedade display, mas neste exemplo ele exibe um comportamento muito estranho
http://jsfiddle.net/e3cUn/3/

Em um navegador normal, a imagem interna será dimensionada para caber na caixa de 150x150 sem alterar a proporção da dimensão (esticamento).

Mas no IE8, a caixa externa (uma azul) também será esticada:

1) Você já viu algo assim? Parece estar relacionado atext-align:center: remover essa propriedade corrige o problema, mas eu preciso centralizar a imagem (em navegadores que não sejam, ou seja, pelo menos).

2) Se isso não puder ser corrigido corretamente, como posso fornecer umdisplay valor para o IE? Eu já vi alguns exemplos na web, como#display: block;, mas todos eles funcionam apenas no IE7.

editar Eu sei sobre<!--[if IE 8]> e comandos semelhantes para colocar em html, mas eu estava realmente procurando uma maneira de fazer isso no arquivo css. Algo assim

    display: table-cell;
    #display: block;

A segunda linha não é um comentário, substitui o valor anterior para ie7 e abaixo. (mas não ie8)

Obrigado!