CSS Forum

**FriedSushi87** · 01-29-2010, 06:40 PM

I'm in the process of externalizing all of my attributes to an external style sheet, and have come up with an issue

Code:

<HR color=#ff9c00>

is what I've been using

In my style sheet, i get.

Code:

hr {
background-color: #FF9C00;
color:	 		 #FF9C00;
height:                4px;}

Though in Chrome and Firefox both show this stupid white border around it, i.e. makes it work fine.

EDIT:
Before I even submitted this thread I realized what I had to do. I'm still posting this thread in case anyone else ever has this problem in the future.

btw I'm frustrated that i.e. is so out of the standards compared to other browsers. Every single release they've shown themselves to be non-compliant.

I added a:

Code:

hr {background-color: #FF9C00;
	color:			#FF9C00;
	height: 4px;
	border-color:   #FF9C00;}

which fixed things nicely.

http://www.zombiefire.com