JQuery / Javascript для поддержки абсолютного позиционирования div с помощью браузера

Question

Глядя на этот макет, Я хочу использовать jQuery / Javascript, чтобы поместить Красную коробку в серый контейнер под левой маленькой синей рамкой, независимо от того, увеличивал или уменьшал масштаб с помощью любого браузера.

Я пытаюсь сделать это, НЕ помещая div redbox #badplacement в div #outerwrapper Grey Container. Есть идеи, как этого добиться?

(Для начала я изменил #badplacement css влево на 243px, при обычном уровне масштабирования браузера, где он находится под маленькой синей рамкой.)

Скрипка: http://jsfiddle.net/Q56up/

Answer 1

Клонируйте div внешнего упаковщика с правилами CSS, но без фона, и поместите его поверх оригинала (позиция: абсолютный, z-индекс: 1). Поместите Красную Коробку внутрь и поместите ее относительно.