横線の書き方

質問

CSSを使って横線を記述しようとしています。
こんな感じで書きました。

css-------------------

.udl5 {
margin-right: 5px;
margin-left: 5px;
margin-top: 3px;
margin-bottom: 1px;
border-left-style: none;
border-left-width: 0px;
border-right-style: none;
border-right-width: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #666666;
border-bottom-style: none;
border-bottom-width: 0px;
width: 600px;
height: 1px;
}
-----------------------------------------------

html-------------------------------------------

<div class="udl5"></div>

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

こんな感じで記述したのですがIE７ではちゃんと
表示されるのですが、IE6だと線の下に10pxぐらいの
空欄ができてしまいます。
なぜでしょうか？
もし知っている方がいれば教えていただければと思います。

よろしくお願いします。

回答No.3

k0021

IE6のテスト環境は、無いですが。
IE5.5でしかチェック出来ませんが。
.hr {width:100%;border-top:Black 1px solid;margin-top:5px;}
指定していますが。IE5.5とIE７相違は、無いですが。

回答No.2

naokita

もしかして、
それは、単なる横罫線を１本だけ引きたいのかな？
悪いこと言わないから、その膨大なCSSを全て削除して
<hr>
だけにした方が良いのでは・・・

回答No.1

SAYKA

隣接ブロックとのmarginや上位ブロックでのpaddingとかがそういう設定(または未設定)になってるからじゃないかな？