CSS - hr-with-image.css

hr {
     width: 95%; 
     border: 1px solid $mid-green; /* Some browser */ 
     background: $mid-green; /* Some other browser */ 
     color: $mid-green; /* IE */ 
} 
hr:after { 
    background: url('../images/hr.png') no-repeat top left; 
    content: ""; 
    display: block; 
    height: 20px; /* height of the ornament */ 
    position: relative; 
    top: -20px; /* half the height of the ornament */ 
}