IE6&7でliタグに隙間（floatでは段）ができるバグ

liタグで普通にコーディングをした場合、隙間ができてしまう。
普段、FFとChromeばっかで、昔に作ったサイトみて愕然とした。
愕然と言うより、キモ冷やした。お金もらったし。

Ajaxで横にliを並べてた。
基本的には、拾いソースのAjaxで、組込みしただけなので、気にもとめなかった。

marginとかpaddingを0にとかの問題ではなく、そのデフォルトのCSSファイルに、

<ul>
<li><a href="#">ABC</a></li>
（XXXXXX 隙 間 XXXXXX）
<li><a href="#">DEF</a></li>
</ul>

li {
font-size:1px;
line-height:0;
}
li a {
display:block;
font-size:12px;
line-height:normal;
}

font-size:1pxは、文字がない場合（画像置き換え）だと関係無し。