Есть хорошая статья по этому поводу:

http://www.sovavsiti.cz/css/hr.html

Общий вывод из статьи такой — стилизовать HR очень сложно. Потому что каждый браузер отображает его по-свойму. Opera, например, рисует вокруг HR бордюр, который нельзя убрать. Есть проблемы и с хромом. Самое простое решение для кроссбраузерной стилизации — отказаться от HR и использовать обычный DIV.