ie7 height: 100% 버그

<div id="조부모" height="100%">

    <div id="부모" height="900px;">

        <div id="애시키" height="100%;">

        </div>

    </div>

</div>

보통 애시키의 height: 100% 는 부모 높이의 100% 를 가져온다

위의 경우라면 900픽셀이 애시키의 높이가 되야하는데

ie7 나브랭이는 조부모의 100% 를 먹는 경우가 있다.

저럴 경우

애시키 에다가  height: 100%;  외에 max-height: 100%; 를 같이 써줘야

부모 높이인 900픽셀을 처먹는다.

나같은 경우는 부모높이가 유동적으로 잡히고

애시키의 높이는 부모높이보다 낮은데 세로 중앙정렬을 해줘야해서 애시키의 높이가 늘 부모높이의 100%를 먹어야 하는

상황이었다.

스크립트로 애시키한테 일일히 부모높이를 처먹여줄수도 있었지만, 단페이지가 아니라

공통적으로 들어갈 부분이길래 스크립트보다는 스타일단에서 조금 해결책이 필요했다.