살아 숨 쉬는 웹 - 블루비 :: Web Developer

<ul>
<li><img src="a1.jpg"></li>
<li><img src="a2.jpg"></li>
<li><img src="a3.jpg"></li>
</ul>

위와 같이 코딩시 이미지 하단에 4px의 여유공간이 생기는 문제가 발생합니다...
파폭에서는 잘 보이지만 IE에서는 버그인지 문제가 있더군요
이걸 해결하기 위한 stylesheet 를 검색을 해보니 아래와 같이 하는 방법이 있긴 합니다.
근본적인 해결책은 아닌듯 싶으나 어쩔 수 없어 보이네요...

<style type='text/css'>
* {margin:0; padding:0;} /* Mass Reset 을 하고요... */
li {line-height:0; list-style:none;} /* FF用 */
* html li {margin-bottom:-3px;} /* IE6用 */
*:first-child+html li {margin-bottom:-6px;} /* IE7用 */
</style>

다른 방법으로는 <ul><li> 태그 대신 <dl><dd> 태그를 사용하면 된다고도 합니다....

저질 IE 이래서 M$가 싫다니깐...ㅡ.ㅡ