giờ với hình ảnh qua css

Question

Tôi thấy đây là một nỗi đau. Tôi đang cố gắng để có được CSS để sử dụng một hình ảnh khi thẻ < hr /> được sử dụng. Tôi hiện đang sử dụng:

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

Tuy nhiên, tôi luôn có đường viền xung quanh hình ảnh. Như bạn thấy, border:none không làm gì cả.

Tôi biết có nhiều cách khác nhau như sử dụng div. Nhưng có thể sử dụng thẻ hr không?

Người dùng chính sẽ sử dụng IE6, vì vậy cần có giải pháp tương thích với IE6. Cảm ơn

Answer 1

Cập nhật border:none; để border:0;

Answer 2

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