hr avec une image à travers css

Question

Je trouve cela une douleur. J'essaie d'obtenir CSS pour utiliser une image lorsque la balise < hr /> est utilisée. J'utilise actuellement:

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

Cependant, je reçois toujours une bordure autour de l'image. Comme vous pouvez le voir, le border:none ne fait rien.

Je sais qu'il existe d'autres façons d'utiliser div. Mais est-ce possible en utilisant l'étiquette hr seulement?

Les principaux utilisateurs utiliseront IE6, alors vous avez besoin d'une solution compatible IE6 s'il vous plaît. Merci

Answer 1

Mise à jour border:none; à border:0;

Answer 2

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