ie7, ie6 li 버그 - 위아래 공간이 생기는 문제에 대해 알아보겠습니다.
li 에 height만 주었을때 나타나는 현상인데 line-height 로 해결 할 수 있습니다.
폰트크기의 영향을 받는 상황이라면 font-size:0 을 추가하여 조치할수 있습니다.
<style>
#left_menu .line {line-height:1px; height:1px; background-color:#ebebeb; margin:0 20px 0 20px; font-size:0; }
</style>
<ul id="left_menu">
<a href="#"><li class="left_off"><div>총학생회소개</div></li></a>
<li class="line"></li>
<a href="#"><li class="left_off"><div>조직도</div></li></a>
<li class="line"></li>
<a href="#"><li class="left_off"><div>역대회장</div></li></a>
<li class="line"></li>
<a href="#"><li class="left_off"><div>회칙</div></li></a>
<li class="line"></li>
<a href="#"><li class="left_off"><div>총학생회사무실</div></li></a>
<li class="line"></li>
<li class="linelast"></li>
</ul>
ie10 사용자가 20% 가까이 되어가가고 있는 추세이고(윈7의 자동 업데이트 때문이겠지만)
하위 버전의 사라지고 있지만
ie 하위버전의 버그 문제가 항상 골치거리네요.
웹표준이 일반화되는 세상을 꿈꿔봅니다.
