Как разместить вложенное, абсолютно позиционированное изображение поверх сестринского блока (по отношению родителя)?

Question

[Tony Realovich]

Есть пример-задача: jsfiddle.net/realovich/r4wdA

В ней блок с классом "red" с помощью трансформации создает новый контекст наложения. Если присвоить любую трансформацию к блоку с классом "green" - этот блок попадает в тот же контекст, что и red, а вот img даже с трансформацией не хочет попадать в этот же контекст.

Помогите, CSS-гуру.

Comments

[Андрей Морозов]

Как я понял, менять html-код нельзя, только css?

[Tony Realovich]

Да, вы верно поняли.

Answer 1

[Андрей Морозов]

jsfiddle.net/r4wdA/6/

Comments

[Tony Realovich]

Большое спасибо!

Answer 2

[Roman Zhak]

jsfiddle.net/r4wdA/3

Comments

[Tony Realovich]

Не меняя разметку