Hr с изображением через css

Я нахожу это болью. Я пытаюсь заставить CSS использовать изображение, когда используется тег < hr />. В настоящее время я использую:

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

Однако, я всегда получаю границу вокруг изображения. Как вы можете видеть, border:none ничего не делает.

Я знаю, что существуют альтернативные способы использования div. Но можно ли использовать только hr-тэг?

Основные пользователи будут использовать IE6, поэтому вам нужно совместимое с IE6 решение. Благодаря

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

Обновить border:none; до border:0;