<hr> colour or alternative?

[1337-Dev]

Hi, i have a news.php script which each time is loaded, loads news from a database. I want to seperate each news post by a black line that goes 40% away across the text area. I use <hr wifth="40%"> but really i want a bold black line. I tried using noshade in the hr tag but it still isnt dark enough. What can i do to get this desired black line? Im thinking CSS hr{color:black} or something?
Please help .

Regards

[stymiee]

...Im thinking CSS hr{color:black} or something?...

Don't use HR tags much but from what I've read that should work.

[1337-Dev]

I wasnt sure, but i changed the text area background colour to black, and now shade is fine with the colour scheme. Thanks for the reply though .

[vgarcia]

I would back it up with background-color as well:

hr {
  color: black;
  background-color: black;
}

IE (and Opera I believe) use color to determine the hr's color, but Mozilla uses background-color.

[Protoss]

And last I checked, Netscape STILL doesn't recognize color in <HR>'s yet

[vgarcia]

And last I checked, Netscape STILL doesn't recognize color in <HR>'s yet

Netscape = Mozilla. See my post above.

[okrogius]

To explain why... IE considers <hr> an inline element. Mozilla considers it (IMHO the correct implementation) as a block element.

Specifying both color and background-color works well, but another solution is just do a display: block; (or inline) and define the single apropriate property.