Browser Heirarchy

[KarmaKills]

I'm having trouble trying to reformat an existing web page. I found some differences in IE and Mozilla and have managed to work around most problems. One of the problems which has plagued me is how IE and Mozilla handle style heirarchy. For IE it seems to be inline-css>style sheet>inline-html. But for Mozilla it seems to be inline-css>inline-html> style sheet. So I was unable to overwrite the style of inline formatting of some <hr>'s. I removed the inline. Now the problem I'm having is I'm pulling in 2 CSS files. The first is just the default and the second is the reformatting for the new page. It doesnt seem to be overwriting the color for the HR for Mozilla but works fine in IE. I've linked the page below, please ignore the sloppy code as its still in development.

wtf is wrong with this?! (http://www.cardhaus.com/cgi-local/shop3.pl/Info_Magic2.htm)

[Fang]

hr {border-top:1px solid #0000ff;}

[KarmaKills]

It didnt want to work at first. I had to set the hr's height to 0px. Still didnt want to work in Mozilla, but seemed as though it was taking the first declared style and not the second. I cut and pasted the first over the second and changed the color value to black. Seems to work, though it looks more grey then black. But grey is a damn site better then blue anyways.

Thanks for the tip.

[KarmaKills]

I had removed the primary css, cardhaus2.css, as a test. I put it back and it changed the hr back to blue. It doesnt want to over write it in Mozilla for some reason. Back to google I guess heh.

[Fang]

With:
css hr {border-top:1px solid #0000ff;}
html <hr size="1" noshade="noshade">
you will have a thin blue rule.
Wasn't this what you wanted?