IE6における、html中での改行とかスペースとか

<style type="text/css">
....
img { margin: 0px; padding: 0px; border-width: 0px; }
div.mainline {
        margin: 0px;
        padding: 0px;
        width: 458px;
        height: 5px;
}
....
</style>
....
<div class="mainline">
  <img src="line.gif" alt="ライン" title="ライン" width="458" height="5" />
</div>
....

ってしてるのに、IE6だと画像の上部があいてしまう。Firefoxではそんなことないのに。

<div class="mainline"><img src="line.gif" alt="ライン" title="ライン" width="458" height="5" /></div>

って一行で書くと直るんだけど。なんじゃそりゃ。