IEでは、hrに画像を指定すると周囲に1ピクセルずつのボーダーが入ってしまいます。
皆様、どうなさってますか？

おいらは、ヨモツネットさんの「hr要素をかっこよく使う」を参考に、の部分をimgに変えて使わせてもらってます。
ヘアラインが可変幅の場合は合わせてとりさんのソフト屋さんさん（？）の「JavaScriptでリキッドレイアウトの幅に合わせて画像サイズを変える」を参考に。

IEでhr要素にボーダーが入る理由は「だってラインなんだから、線を消しちゃダメ」ということらしいですが、ボーダーはラインだけどラインはボーダーじゃねえ、という気もします。
そもそもhrには本来「区切り」の意味はなく、単なる装飾的要素だとのことなので、ブラウザ毎の解釈にいくらかの違いがあって当然といえば当然なんですが…
例によって例のごとくIEだけが足並み揃ってないとなると、「またIEか」の気分にもなろうってもんでございます。

新しい「区切り」要素が加わるはずだったXHTML2.0の策定は中止になってしまいましたが、HTML5.0ではどうなるんでしょうね？