Estou tentando criar uma página em que tenho um cabeçalho e rodapé de altura fixa. O cabeçalho está na parte superior da tela (100% de largura) e o rodapé está na parte inferior (100% de largura). Quero centralizar uma div com conteúdo de altura variável no espaço entre o cabeçalho e o rodapé. No jsfiddle abaixo, ele funciona se o conteúdo for menor que o espaço, mas se o conteúdo for muito longo, ele ultrapassa o rodapé e o cabeçalho. Também não funciona no IE (surpresa, surpresa).

Exemplo:http: //jsfiddle.net/VrfAU/4

Editar Fiz algumas imagens para tentar deixar isso mais claro.

Conteúdo pequeno

Large Content