<hr />タグでIEとFirefoxの表示が異なる場合の解決策

HTMLでhrタグを使って水平線を引くときに、同じ<hr />の記述でもIEとFirefoxで表示が異なる場合の解決策を見つけました。

下記のサイトでhrタグを利用してIEでもFirefoxでも1ピクセルの水平線にするためのCSSが言及されていましたので、覚え書きとして。

hr {
border-width: 1px 0px 0px 0px; /* 太さ */
border-style: solid; /* 線種 */
border-color: red; /* 線色 */
height: 1px; /* 高さ */
}

1本だけ線を引く – スタイルシートTIPS ふぁくとりー