[DanUK]

OK, for those smarter than myself at all things CSS, what is rthe best way to get a <HR> tag to display in colour in both IE (easy) and Firefox (mixed results!). I've been reading the information on:

http://www.computergripes.com/firefoxsites.html

about Horizontal Ruled Lines (3/4/ way down the page) and there doesn't seem to be any hard and fast rules other than trying to trick firefox into displaying a coloured line. For example:

HR{ COLOR: #FF9C39;}

in the stylesheet gives these outputs depending on use of the hr tag:

<hr>  IE: orange Firefox:no color 
<hr color="green" > IE: orange Firefox: orange 
<hr style="background-color: green;">  IE: orange  Firefox: no color  
<hr style="background-color:green;" size="5">  IE: orange Firefox: green 

the second one is what the author defaults to, actually giving the hr tag a color attribute which then forces firefox to then override it with the stylesheet attribute! Also from that page, someone has said (as an example):

 hr {color: orange}
  hr {border-width: 7px; border-style: solid; border-color: orange

i.e. specified twice in the stylesheet, gets it to work in both IE and firefox.

What should I be using?

Thanks

Dan