<hr> not showing

I have a <hr> which isn't showing.

HTML:

<div id="line"><hr /></div>

CSS:

hr {
    border: 0;
    width: 96%;
    color: #FFFF00;
    height: 1px;
}


#line {
    float: left;
    width: 731px;
    height: 10px;
}

Any ideas why it's not showing?

try this code :

hr {
  border: 0;
  clear:both;
  display:block;
  width: 96%;               
  background-color:#FFFF00;
  height: 1px;
}

JSFiddle link http://jsfiddle.net/EXXrB/

Hope it will help you to resolve your problem.

Remove border: 0; from the css rule for hr

Demo

Simple Way to get best Horizontal Line

. horizontalLine {  
    border: none; 
    border-bottom: 1px solid gainsboro;  
   }