img margin在ie7,8之间不一样显示

.adv{
       margin-top:5px;
       width:217px;
       float:right;
}
.adv img{
       margin:10px auto;
       width:217px;
       height:55px;
}

<div class="adv">
<img src="1.gif" /><img src="2.gif" />
<img src="3.gif" /><img src="4.gif" />
</div>

这图片在ie8正常显示间隙10px，可是在ie7中会更大一些，要怎么样才能统一间隙为10px？

两个相差4像数，ie7是24px，ie8是20px。该怎么统一？
还有，margin上下重叠不是说不累加的吗？取较大的间距，怎么回事？