appearance of hr

I have the following style for a <hr> in my page:
hr {
color: rgb(171,7,247);
position: absolute;
top: 105px;
width: 971px;
height: 0px;
}
In IE, NS, and Mozilla, the line has the intended color and is a
simple line.
In Opera, the color is greyish white and seems 3-dimensional. Can I
change that?

Sincerely,
Els

"Mikko Rantalainen" <mira (AT) st (DOT) jyu.fi> schreef in bericht
news:bhd5s1$brp$1 (AT) mordred (DOT) cc.jyu.fi...

Els wrote:
"Juha Häikiö" > wrote:

Els wrote:

I have the following style for a <hr> in my page:
hr { [...] }
In IE, NS, and Mozilla, the line has the intended color and is a
simple line.
In Opera, the color is greyish white and seems 3-dimensional. Can

hr {
color: rgb(171,7,247);
background: rgb(171,7,247);

Thanks, that solves the color problem, and now I also found the
reason
for the greyish shadow:
it is a border. Now I put border-width: 0px, and it looks the way
I
want.

If you don't want the border, you should really say { border:
none; }.
And if you want the border but not with a 3d look, just say
something
like { border: thin solid black; } (or perhaps replace thin with
1px.)

Thanks, that's very helpful.
Sincerely,
Els