Escala div com seu conteúdo para caber janela

Eu tenho um tamanho fixo<div> com algum conteúdo complexo (incluindo texto e imagens de fundo). este<div> tem seu tamanho codificado em pixels (e seu conteúdo depende desse tamanho e as posições de conteúdo são codificadas em pixels também).

Aqui está um exemplo muito simplificado:http://jsfiddle.net/dg3kj/.

Eu preciso escalar essa div e o conteúdo dentro dela, mantendo sua relação de aspecto, para que caiba na janela.

Uma solução que não exigiria que eu alterasse manualmente<div> conteúdo é preferível (é gerado dinamicamente e é um monte de código legado muito confuso que eu gostaria de evitar tocar). As soluções JavaScript (jQuery) são aceitáveis ​​(incluindo aquelas que alteram o conteúdo gerado - desde que seja feito pós-factum da própria geração).

Eu tentei brincar comtransform: scale(), mas não produziu resultados satisfatórios. Veja aqui:http://jsfiddle.net/sJkLn/1/. (Espero que o fundo vermelho não seja visível - por exemplo,<div> tamanho não deve ser esticado pelooriginal dimensões de reduzida<div>.)

Alguma pista?