リストタグ 隙間 IE

最新版はこっち→

＜ol＞
＜li＞＜img /＞＜/li＞
＜li＞＜img /＞＜/li＞
＜li＞＜a＞＜img /＞＜/a＞＜/li＞
＜/ol＞


◆CSSだけで、どうにかする方法

【li】に、line-height:0;(※firefoxの隙間なくなる)
font-size:0;(※IEの隙間なくなる)
※margin-bottom:2px;(もしくは、入れたい数字？)

【li】の中に、line-height:normal;(img OR a)


あれ？きかない･･･と思ったら再度確認↓↓↓

※画像を使っていても必ず、display:block;に。



-----------------------------------------------
新米デザイナーの日報|design tracks　 (IE7、8でリストに隙間ができる)
http://design-tracks.com/study/css/ie7%E3%80%818%E3%81%A7%E3%83%AA%E3%82%B9%E3%83%88%E3%81%AB%E9%9A%99%E9%96%93%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B/

-----------------------------------------------