IE7 li 에 이미지 사용시 벌어지는 문제 해법

<li> 이미지넣어서 사용시

margin:0; padding:0;

주었는데도

IE7에서만 늘어나 보일때

line-height  를 이미지 높이와 같게 주면

해결이 된다

IE8

IE7

원본소스
<div class="study_data">         
<ul>
            <li><img src="../images/intro/study_2009_02.gif" alt="01 농림업과 식품산업의 생산.유통혁신 연구" width="365" height="29"></li>
            <li><img src="../images/intro/study_2009_03.gif" alt="02 농어.농촌부문의 성장잠재력 및 자원개발 연구" width="365" height="29"></li>
            <li><img src="../images/intro/study_2009_03-06.gif" alt="03 농가경제 안전 및 경영인력 육성 연구" width="365" height="29"></li>
            <li><img src="../images/intro/study_2009_04.gif" alt="04 농촌지역 활성화 및 복지 증진 연구" width="365" height="29"></li>
            <li><img src="../images/intro/study_2009_05.gif" alt="05 F.T.A, D.D.A 협상과 국제화 대응 연구" width="365" height="29"></li>
          </ul>
</div>

CSS
.study_data li{position:relative;margin:0;padding:0;}

수정CSS
.study_data li{position:relative;margin:0;padding:0 ;height:29px;}