hr con una imagen a través de css

Question

Me parece un dolor. Estoy intentando que CSS use una imagen cuando se usa la etiqueta < hr />. actualmente estoy usando:

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

Sin embargo, siempre me dan un borde alrededor de la imagen. Como puede ver, el border:none no hace nada.

Sé que hay formas alternativas como usar div. Pero, ¿es posible usar solo la etiqueta hr?

Los usuarios principales utilizarán IE6, por lo que necesitan una solución compatible IE6 por favor. Gracias

Answer 1

Actualizar border:none; a border:0;

Answer 2

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