hr con un'immagine attraverso css

Question

Trovo che questo sia un dolore. Sto cercando di ottenere CSS per utilizzare un'immagine quando viene utilizzato il tag < hr />. Attualmente sto usando:

hr 
{ 
    display:block; 
    border:none; 
    height:10px; 
    background-image:url('img/ruler.gif'); 
} 

Tuttavia, ho sempre arrivare un bordo intorno all'immagine. Come puoi vedere, lo border:none non fa nulla.

So che ci sono modi alternativi come usare div. Ma è possibile solo usando il tag hr?

Gli utenti principali utilizzeranno IE6, quindi è necessario disporre di una soluzione compatibile IE6. Grazie

Answer 1

Aggiornamento border:none; a border:0;

Answer 2

hr { 
    display:block; 
    border:0px; 
    height:10px; 
    background-image:url('img.gif'); 
}