수다닷컴

얼마전에 li태그 안에 이미지를 넣는 작업을 했는데 익스플로러6에서 li아랫부분에 공백이 생기는 걸 발견했습니다.
그래서 다른데서 상속받는지 찾아봐도 안나와서 고민하다가 li에 들어간 이미지에 vertical-align:top;으로 해서 해결했습니다.
이것도 버그인가요?

div id=section02
div class=lf_navi
ul
li class=firstchildimg src=./image/common/tab_product01_on.gif/li
liimg src=./image/common/tab_product02_off.gif/li
liimg src=./image/common/tab_product03_off.gif/li
liimg src=./image/common/tab_product04_off.gif/li
/ul
/div
/div
이미지 높이는 48픽셀입니다.

#section02 .lf_navi {
padding:11px 16px 4px 15px;
width:111px;
float:left;
background:url(../image/common/tab_product_bg.gif) no-repeat left top;

}
#section02 .lf_navi li {
padding:13px 0 0 0;
margin:0 0 0 0;
height:48px;
}
#section02 .lf_navi li.firstchild {
padding:0;
margin:0;
}
#section02 .lf_navi li img {vertical-align:top;}

신청하기