IE6.0のバグ

質問

いつもお世話になっております。
IE6.0のブラウザでの表示についてお願いします。

htmlと外部cssでレイアウトしているのですが、
IE6.0の表示だけがずれてしまいます。
#hr
　{
　position: relative;
　width: 700px;
　height: 5px;
　background-color: #000000;
　margin: 3px 0px 0px 0px;
　border-style: none;
　padding: 0;
　}
を指定してある<hr>がうまくいきません。
<hr>の上下に空白(幅)ができてしまいます。

いろいろ検索して対処法を考えたのですが、
どれもうまくいきませんでした。

どなたかわかる方、宜しくお願い致します。

回答No.2

y_japan

><hr>の上下に空白(幅)ができてしまいます。
<hr>タグの前後にソースのほうに改行コードが含まれていませんか。
<hr>タグの前後の要素を改行を伴わない形で記述してみてはどうでしょうか。IE6で私はソースに含まれた改行コードのせいでレイアウト崩れを起こしました。参考までですが。

回答No.1

noname#100277

他の要素のセレクタとの関係でmarginが有効に「見えて」無いだけの可能性も在る。
一旦CSSを完全に無効化させた上でHTMLのみでの表示から各個CSS適応させて行くと原因が掴めるのでは？