IE7の画像の隙間とネガティブマージン - Parody's BackyardFC2に移転した「ぱろでい日記」のサイトデザインをしておりまして、またもやIEの仕様にやりこめられました。 問題となったのは、2点。 まずは、背景画像を設定するため、スペースのみを入れた空白のブロック。高さが1px増えてしまい続くブロックとの間に1pxの隙間ができてしまいました。 もう一点は、ネガティブマージン（マイナスのマージン）を設定したブロックが削れてうまく表示できない事態。 いずれも解決しましたが、IE以外ではキレイに表示できるのに、なんでIEは・・・。 今回のトラブルは、いずれもIE7（IE8のIE7互換表示）で発生したものです。 line-height: 0; の罠 正直、自分の設定方法が変だったのでしょう。 問題のソースはこれ HTML <div class="header"> </div> <div class="content">コンテンツ</div> CSS .head
