【現象】
li要素の中に「display: block」を指定した要素やimg要素を入れると、リスト項目の間に隙間が空いてしまう。

【主な解決策】

1. HTMLソース内のul、li要素で改行しない。
2. 「display: block」を指定した要素のwidthかheightの値を明示する。
3. li要素にborder、またはpaddingを入れる。
4. li要素間をコメントタグで埋める。
5. img要素に「vertical-align: top;」を指定する
6. li要素の中のa要素に「zoom: 1;」を指定する

【参考】
http://memo.6-bird.net/archives/13
http://ameblo.jp/css-memo/entry-10015208240.html
http://blog.yuu.noor.jp/?eid=1142307