ナビゲーションを全て画像にして、それぞれliでマークアップし、inline化して横並びにさせる手法がありますが、この手法はなぜか2pxほど隙間ができてしまう問題があります。 なぜかというと、下記のように1項目ずつソースコードを改行してしまうことにあります。 HTML <ul id="navi"> <li><a href="hoge1.html"><img src="navi1.gif" alt="ナビ1" /></a></li> <li><a href="hoge2.html"><img src="navi1.gif" alt="ナビ2" /></a></li> <li><a href="hoge3.html"><img src="navi1.gif" alt="ナビ3" /></a></li> </ul> 通常、このようにソースを書いても隙間が入ることはないのですが、なぜかソースコード上