リンク付き画像をリストに入れたときにできる変なマージンの回避法 World of granshe.画像をリストタグとaタグでマークアップしたものをブラウズすると、変な余白が開く現象があります。 長年（過去2回ですが）苦しんできたこの現象の原因と回避法が分かりました。のでメモ。 HTMLバージョンXHTMLTransitional、XML宣言あり。 タグの状況liタグの中にaタグを入れその中にimgタグを入れている。 CSSの状況ul、li、img共にマージンはゼロ。list-styleはnoneに。 表示： marginを0にしているにもかかわらず、Firefox、Safari、IEで変なマージンがでる。 １．プレーンな状態。 CSSに何も指定していない状態。 ちなみにOperaはこの状態でもマージンがないです。 ２．CSSで、ul、li、a、imgタグのmarginを0に。 margin: 0;の指定があるにもかかわらず、変な余白が。 ３．imgにdisplay: block;を指定
