더블마진버그 이런게 아니면 인라인요소중에 상속된 line-height 값을 확인해보세요.

라인 헤이트 , 마진, 패딩 전부 조정해보았습니다.^^
더블마진 버그도 아닌것 같구요.
아시는분께 문의 결과 css목록으로 뿌릴때 단 출력 버그라 테이블로 해보라고 하네요..
ㅠ.ㅠ;
버렸던 테이블 다시 손대는중입니다.

어쩔땐 그게 편하죠 ^^;;
float된 덩어리 밑에 a태그가 의심스러웠는데 금새 테이블로 작업중이시네요 ㅋ

그래도 같은현상이라 지금 어디가 문제인지 고민중입니다 ㅠ.ㅠ;;
http://518.terrorboy.net 이게 UL로 짠거 그대로입니다.

line 이미지 들어가는 spacer로 사용하는 li가 문제인것 같은데요.
어차피 space용으로 쓰시니 목록 엘리먼트로의 의미도 없고
그냥 지역명 링크를 묶고 있는 li 하단에 마진과 패딩을 주시고
1px짜리 배경이미지를 깔아주시는게 좋을듯 싶습니다.

지금 ie엔 별다른 디버거가 없어서 확인을 못하겠네요 ㅋ

네 일단 말씀해주신대로 처리해보겠습니다.^^

<style type="text/css">
img {display:block;}
</style>

이렇게 하면 전체 적용되니 문제이미지에만 style="display:block"

오호~
문제가 되는 이미지에 적용하니 일단 붙기는하네요.
일단 해보겠습니다.

이미지가 글자와 같이 인라인 요소라 그런것 같은데.
그로인해서 여백이 생기게 됩니다. 글자도 마찬가지죠?
찾아보시면 여백을 없애는 방법이 몇가지 있을거에요.
이경우에는 block 요소를 주는게 맞다고 보여지네요.

포인트 주세요.!! ㅎㅎ

일단 이미지에 display:block를 줬을경우 변화가 생기는것 맞습니다.
하지만 전체적으로 늘어지는 크기는 변화 없이 그대로내요
( display:block할경우 지역 및의 라인이미지가 위 이미지에 붙는것 때고 없더라구요.)

그문제는 이미지 처리와는 별개구요.
li 태그에 style="font-size:0" 을 주시면 해결됩니다.

<li style="font-size:0">
<div style="text-align:left; float:left;" //라인>

흠.... 폰트사이즈를 왜? 생각 못했을까요 ㅎ.ㅎ;;;;;;

의심가는 부분에 백그라운드를 주시면 쉽게 찾을수 있습니다.
진단이 되야 처방이 나오겠죠??

포인트 감사합니다.~~

흠..
일단 말씀 하시기 전에 테이블로 작업했는데... 정상작동 되서 다음과 같은 소스로 사용하기로 했습니다 ㅎ.ㅎ;;;

<table style="margin:0px; padding:0px;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="margin:0px; padding:0px; height:14px;">
<div style="text-align:left; float:left;" //광주.전남>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_01.gif" border="0" alt="광주.전남" />
<img src="<?=$g4[path]?>/img/map_jibu_on_01.gif" class="imgover" border="0" alt="광주.전남" />
</a>
</div>
<div style="text-align:left; float:left;" //서울>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_02.gif" border="0" alt="서울" />
<img src="<?=$g4[path]?>/img/map_jibu_on_02.gif" class="imgover" border="0" alt="서울" />
</a>
</div>
<div style="text-align:left; float:left;" //경기.인천>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_03.gif" border="0" alt="경기.인천" />
<img src="<?=$g4[path]?>/img/map_jibu_on_03.gif" class="imgover" border="0" alt="경기.인천" />
</a>
</div>
</td>
</tr>
<tr>
<td style="margin:0px; padding:0px; height:4px;">
<img src="<?=$g4[path]?>/img/map_jibu_line.gif" style=" display:block" alt="" />
</td>
</tr>
<tr>
<td style="margin:0px; padding:0px; height:13px;">
<div style="text-align:left; float:left;" //대전.충청>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_04.gif" border="0" alt="대전.충청" />
<img src="<?=$g4[path]?>/img/map_jibu_on_04.gif" class="imgover" border="0" alt="대전.충청" />
</a>
</div>
<div style="text-align:left; float:left;" //대구.경북>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_05.gif" border="0" alt="대구.경북" />
<img src="<?=$g4[path]?>/img/map_jibu_on_05.gif" class="imgover" border="0" alt="대구.경북" />
</a>
</div>
</td>
</tr>
<tr>
<td style="margin:0px; padding:0px; height:4px;">
<img src="<?=$g4[path]?>/img/map_jibu_line.gif" alt="" />
</td>
</tr>
<tr>
<td style="margin:0px; padding:0px; height:14px;">
<div style="text-align:left; float:left;" //부산.울산.경남>
<a href="#" class="rollover">
<img src="<?=$g4[path]?>/img/map_jibu_06.gif" border="0" alt="부산.울산.경남" />
<img src="<?=$g4[path]?>/img/map_jibu_on_06.gif" class="imgover" border="0" alt="부산.울산.경남" />
</a>
</div>
</td>
</table>

저곳에 테이블 사용이 되어야할 자리인지 모르겠네요.
그리고 동일한 스타일을 class 로 묶으면 보기가 편할듯 싶네요.

일단 모든 브라우저에서 동일하게만 보이면 되서요.. 그렇다고 웹표준으로 짜면 시간이 많이 잡히고 해서 최대한 돌리고 돌리고 해서 결국 테이블을 쓰고 말았습니다 ㅎ.ㅎ;
처음에 작업을 css파일을 만들어서 했어야는데....
하다보니 ..... 그생각을 못하고 막넣어버렸네요....

지금 다시 빼서 css로 만들자니 너무 많아서 손을 못대고 있습니다 ㅎ.ㅎ;;