div.hr {
  /* use image
  height: 15px; 
  background: #fff url(img/hr1.gif) no-repeat scroll center;
  */
  
  border: none 0; 
  border-top: 1px dashed #000;/*the border*/
  border-color: darkblue;
  width: 80%;
  height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}
div.hr hr {
  display: none;
}