Estou tentando fazer com que uma barra de rolagem seja exibida em uma célula da tabela cujo conteúdo possa crescer maior que o tamanho original da célula da tabela e eu não quer a mesa inteira para se esticar.

Aqui está o exemplo do jfiddle. Como você pode ver, ele funciona no Google Chrome, mas não funciona no Firefox nem no IE: eles apenas se comportam como se não houvesse excesso: rolagem. Ainda não tentei no Safari, mas suspeito que também não funcionará.

Então, quem é o culpado aqui, o Chrome por implementar algo que não deveria ser suportado ou todos os outros?Atualizar para ficar claro, não é a própria célula que está sendo transbordada, mas uma div que eu coloquei nela. O código fica assim:

<table>
    <tr>
        <td class="header">
            <div class="header">Header</div>
        </td>
    </tr>
    <tr>
        <td>
            <div class="scroll">
                ... VERY BIG CONTENT HERE ... 
            </div>
        </td>
    </tr>
    <tr>
      <td class="footer">
        <div class="footer">Footer</div>
      </td>
    </tr>
</table>

Você pode ver tudoover at jfiddle.

O que estou tentando obter é um layout no qual o espaço disponível entre o cabeçalho e o rodapé seja completamente preenchido se o espaço acabar, entãoist obtém uma barra de rolagem, não a janela inteira. Eu vim a entender, mesmo vadeando aqui no Stack Overflow, que apenas com CSS, usando apenas DIVs, isso não é possível (usar posicionamento absoluto não é uma opção, porque os elementos são retirados do fluxo normal e redimensionamento de janela "extremo" fará com que os elementos se sobreponham).

Atualizar aflexbox model parece ser exatamente o necessário nesses casos. No entanto, suponho que ainda não possamos contar com a implementação ampl