Масштабируйте div с его содержимым, чтобы оно соответствовало окну

У меня фиксированный размер<div> с некоторым сложным содержанием (включая текст и фоновые изображения). Этот<div> имеет размер, жестко закодированный в пикселях (и его содержимое зависит от этого размера, а позиции содержимого также жестко закодированы в пикселях).

Вот очень упрощенный пример:http://jsfiddle.net/dg3kj/.

Мне нужно масштабировать этот div и содержимое внутри него, поддерживая его соотношение сторон, чтобы оно соответствовало окну.

Решение, которое не потребует от меня изменения вручную<div> содержимое является предпочтительным (оно генерируется динамически и представляет собой кучу очень грязного унаследованного кода, к которому я бы не хотел прикасаться). JavaScript (jQuery) решения в порядке (включая те, которые изменяют сгенерированный контент - до тех пор, пока это делается после фактической генерации).

Я пытался играть сtransform: scale(), но это не дало удовлетворительных результатов. Глянь сюда:http://jsfiddle.net/sJkLn/1/, (Я ожидаю, что красный фон не будет виден, т.е.<div> размер не должен быть растянуторигинал размеры уменьшены<div>.)

Есть какие-нибудь подсказки?