li要素のナビゲーションにおけるトラブル解決法 | F+R (FplusR)トラブルの多いli要素のナビゲーションとは Internet Explorer 5 and 6 に限らず、Mozilla FirefoxやSafariでも実はけっこうあるのがli要素をナビゲーションで使うとき、すきまが開いてしまうとかという問題だったりする。 li要素の中にa要素で「display:block;」を指定するとInternet Explorer（5、6、7 Beta2）ですきまが開いてしまう問題が比較的有名である。 意外と知られていないのが、li要素に「display:inline;」を指定すると、左側にわずかなすきまが開いてしまう問題だ。空いてしまう間隔は5pxほどになる。 FirefoxやSafarinなど、どのブラウザでもこのすきまができるので、きっと仕様なのだろう。 「float:left;」を指定すればこのすきまは消えるが、すべてにおいて「float:left;
