Как с помощью CSS/JS заставить принять родительский блок высоту резинового дочернего с абсолютным позиционированием?

[Rulingace]

Есть такой код:

<div class="parrent" style="position:relative">
<div class="child" style="width: 100%; position:absolute" ><img style="max-width:100%"></div>
</div>

Как вы видите, дочерний блок содержит в себе резиновое изображение и в зависимости от размера окна будет менять свою высоту, но при этом parrent будет оставлять свою высоту неизменной, т. к. дочерний имеет position: absolute. Как с помощью css/js заставить parrent принять высоту child?

[mrnobody]

В jq не силен, но вот так попробовал решить вашу проблему/

Зеленая пунктирная линия показывает контур блока parent

http://jsfiddle.net/mrnobody/zUSct/2/

Фуллскрин: http://fiddle.jshell.net/mrnobody/zUSct/2/show/

 

 

PS. Не могу понять, почему не срабатывает событие load, попробовал на локальном файле — срабатывает.

Edited March 31, 2014 by mrnobody

[Q4Dizzy]

Написал почти тоже самое.. http://jsfiddle.net/VP57C/1/, но несколько по иному.