styling plane rules

is there nicer proceed styling <hr /> add-on controlling css, cross-browser unchanging doesn't secure jacket div around it? i'm struggling one.

the best proceed i have found, follows:

css

.hr {  
    height:20px;  
    background: #fff url(nice-image.gif) no-repeat confine center;  
}  
hr {  
    display:none;  
}

html

<div class="hr"><hr /></div>