li 밑부분에 생기는 여백 문제...

img 태그가 원래 인라인 요소라서 줄단위 때문에 그런데 display: block 속성을 넣어주시면 다닥다닥 붙습니다.

원래는 img태그 문제가 아니라 ie의 <li>태그에 있습니다.

<li>태그가 ie에서는 <li> </li> 사이에 블럭요소가 들어가면 좀 이상하게 랜더링이 됩니다.

아무래도 버그이지 않을가 추측해봅니다.

<li>태그 대신 <dl><dd>태그를 이용하시면 원하면 결과를 얻을수 있을겁니다.

정리하자면..

해당 img 태그의 스타일 속성에 display: block; 를 지정해주고

<ul> <li> 태그 대신에 <dl><dd> 태그를 이용한다.

도움이 되기를 바랍니다.^^


참조 : http://cssdesign.kr/forum/viewtopic.php?id=1674