HR doesn't show up in firefox

I am working on a page, and on IE the HR shows up, it is in the center of the page between two blurbs. But in Firefox, it doesn't show up. Here is the page:
http://www.braintrustinc.com/index2d.php

the code for the div containing the HR is below and the CSS for the div and the hr.

I don't get it!!!! Usually Firefox is so cooperative.

Thanks
the div:
<div id="indexhr"><hr></div>
 
CSS for this div:
#indexhr {
	clear:left;
	float:left;
	width:350px;
	height:20px;
}
 
CSS for the hr:
hr {
	color:#AECCD9;	
	width:350px;
	height:3px;
}

Open in new window

LVL 17
nanharbisonAsked:
Who is Participating?
 
nanharbisonConnect With a Mentor Author Commented:
0
 
erikTsomikSystem Architect, CF programmer Commented:
this code works like a charm in firefox . I am assuming there are some other css that prevent the page to show <hr>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#indexhr {
        clear:left;
        float:left;
        width:350px;
        height:20px;
}
 
hr {
        color:#AECCD9;  
        width:350px;
        height:3px;
}



</style>

</head>
<body>
<div id="indexhr"><hr></div>
</body>
</html>
0
 
nanharbisonAuthor Commented:
Ok, so I took out all CSS and slowly added it back, this is the culprit. Now I am taking out one line at at time of this CSS. This code is declared first in the CSS document and is supposed to zero out everything before you start so there are no predefined CSS values.
Why would this cause a problem though?



* {
	margin:0; 
	padding:0;
	border:none;
	outline:0;
	font-style:normal;
	font-weight:normal;
	text-decoration:none; 
}

Open in new window

0
 
nanharbisonAuthor Commented:
this line appears to be the problem:
border:none;

why?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.