Проблема IE7: Как расширить родительский div с динамическим содержимым дочернего div?

Question

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

Это мой HTML разметка:

<div class="parent"> 
    <div class="middle"> 
    <div class="inner"> 
     .... 
     .... 
     .... 
    </div> 
    </div> 
</div> 

CSS:

Этот CSS вертикально выравнивает текст в середине и работает нормально. Это просто не расширение высоты родительского div. Высота 80px на .parent важна и динамически устанавливается через PHP и не может быть изменена на процент или любое другое значение.

.parent { position: relative; width: 100px; height:80px; } 
.middle { position: absolute; top: 50%; } 
.inner { position: relative; top: -50%; padding:10px 0; width:100px; } 

Answer 1

Изменение положения внутреннего класса,

ложь: .inner { position: relative; top: -50%; padding:10px 0; width:100px; }

правда: .inner { position: absolute; top: -50%; padding:10px 0; width:100px; }

взгляд этот пример: код: http://cdpn.io/nrcKa полная страница: http://codepen.io/anon/pen/nrcKa