CSSで影のない(noshade)水平線

以前のhr要素に存在したnoshade(影のない平らな)水平線をCSSで作成します。 HTMLは、通常通り<hr>で記述します。

スタイルシートは、次のように作成します。

hr { 
    border: 0 none; 
    height: 2px; 
    color: #696969;
    background-color: #696969;
} 

---

この指定は、IE6、FireFox1.06、Opera8、でのCSSの実装の違いがでています。 IE6、FireFox1.06の違いからcolorとbackground-colorの両方を指定します。 Operaでは、通常の水平線が引かれます。