Please can somebody explain to me why IE seems to be adding padding to the bottom of this background image? It's driving me nuts!

.divider {
background:url('./img/newsDivider.gif') no-repeat;
height:3px;
width:306px;
padding:none;
margin:none;
}

<body>
<div>text</div>
<div class="divider"></div>
<div>text</div>
</body>

Cheers,
Steve