[解決済み] <hr>表示されない

質問

私は <hr> が表示されていません。

HTMLです。

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

CSSです。

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


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

なぜ表示されないのか、何か思い当たることはありますか？

解決方法は？

このコードを試してみてください。

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

JSFiddleのリンク http://jsfiddle.net/EXXrB/

問題解決に役立つことを願っています。