div 내에서 div를 IE7에서 작동하는 맨 아래로 밀어 넣음

Question

IE7에서 크롬과 동일한 효과를 얻고 조정할 수없는 약간의 문제가 발생합니다. 달성하고자하는 것은 컨테이너 div의 맨 아래에 배경이있는 div를 밀어 넣는 것입니다.

JS 바이올린 : http://jsfiddle.net/mn34r/

코드

<div class="container"> 
    <img style="padding-top:20px; padding-bottom:20px" src="img/img.png"> 
    <div class="description"><br> 
    <span style="font-weight:bold;font-size:15px;">Harry's Nose</span><br> 

    <button class="btn btn-small btn-primary" type="button"><i style="color:#fff; 
    </i>Read More</button> 
</div> 
</div> 

CSS : 어떤 도움을 크게 감상 할 수

.container{ 
    border:solid 1px #e2e2e2; 
    height:327px; 
    text-align:center; 
    position:relative; 
} 

.description{ 
    height:110px; 
    background-color:#F1F1F1; 
    text-align:center; 
    bottom:0; 
    width:100%; 
    position:absolute 
} 

.

감사합니다.

Answer 1

IE7에서 top:은 bottom:을 덮어 씁니다. 따라서 CSS 표현식이있는 IE6/7 해킹을 사용해야합니다.

#forceBottom { 
    position:absolute; 
    top:expression(
    document.documentElement.scrollTop + 
    document.documentElement.clientHeight - 
    this.clientHeight 
); 
}