水平リスト 隙間の直し方

リストを　display: inline;　または　display: inline-block　で横並びにしたときの隙間の直し方。

①letter-spaceing を設定する。

http://worldwidedeb.net/2011/03/20/inline-block-ie6-7-css-apple
operaに対応するにはfont-size を指定する必要があるらしい。
http://www.coolwebwindow.com/csstips/help/000302.php

②ul　か　li にネガティブマージンを指定する

margin-right: 0.2em;　または 0.4em （画像を用いているときがどっちか）
基本的に li に指定すればよい。

①、②どちらも、半角スペースの幅の分だけ左にずらすということですね。

③コメント行で揃える

http://worldwidedeb.net/2011/03/20/inline-block-ie6-7-css-appl

④li の閉じタグ </li> を省略する。

ソースが見やすく良い方法ですが、ブログのエディタなど環境によっては自動補完で閉じられてしまうことがあるので注意です。