スタイルシートをめぐる冒険: dlを含むボックスに背景画像を指定すると背景画像が繰り返される

この現象は、あるWebページで、※1～、※2～、※3～というような「脚注」にdlタグを使用したときに発生した。 本文と脚注を区切る罫線として、脚注を含むボックスの上部に、二重破線の背景画像（line.gif をx軸にリピート）を指定。ddにマイナスのmargin-topを指定して、dtとddが横に並ぶレイアウトにしたところ、一番上にだけ入るべき罫線が<dt></dt><dd></dd>のセットごとに入ってしまったのである。 [該当するブラウザ] Windows／IE7.0（互換モードのとき）、IE6.0以下 症状 実際にどういうことか、右のスクリーンショットを見ていただこう。これは、IE7.0で表示させたときのものである。 そして、スタイルシートとHTMLは以下のように記述されている。（→サンプルページ1） 【スタイルシート】 body { line-height: 1.5em; } .b

[sorasemi]

IEで背景画像が繰り返される時のメモ。そうかdlまで悪さしやがるのか

[ysk_lucky-star]

<q>某大手企業の巨大サイトの一部であり、この設定が「仕様」であったことをお断りしておく。</q>泣ける。。。御愁傷様です；；