Bug do Internet Explorer 8 com tela: tabela

Eu tenho o bug mais estranho de todos os tempos ... Estou experimentando display: table, e minha prova de conceito funciona na primeira tentativa depois de abrir um novo processo, mas qualquer recarregamento subsequente da página quebra o design. Aqui está a página HTML simples:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Untitled Page</title>
    <style>
        .container {
            display: table;
        }

        .row {
            display: table-row;
        }

        .cell {
            display: table-cell;
            width: 100px;
            height: 100px;
            border: 1px solid blue;
            padding: 1em;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="cell">CELL A</div>
            <div class="cell">CELL B</div>
            <div class="cell">CELL C</div>
        </div>
    </div>
</body>
</html>

E aqui está o resultado esperado, é isso que recebo depois de carregar pela primeira vez.

Agora é isso que recebo após recarregar a página, com o F5:

É insano!!!

Alguém pode experimentá-lo e me informar como ele sai para eles? Obrigado. Espero não ter me matado quando ler a solução :-)

questionAnswers(2)

yourAnswerToTheQuestion