hr z obrazem przez css

Question

Uważam to za ból. Próbuję uzyskać CSS do użycia obrazu, gdy używany jest znacznik < hr />. Obecnie używam:

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

Jednak zawsze dotrzesz obramowanie wokół obrazu. Jak widać, border:none nic nie robi.

Wiem, że istnieją alternatywne sposoby, takie jak użycie div. Ale czy jest to możliwe dzięki użyciu tylko znacznika hr?

Główni użytkownicy będą używać IE6, więc potrzebuję kompatybilnego rozwiązania IE6. Dzięki

Answer 1

Aktualizuj border:none; do border:0;

Answer 2

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