关于IE6下图片会多出3px的解决办法

发现一个奇怪的事情.

IE6下,一个高度为2px,宽度为1px的线条,变宽后,其他浏览器都正常,而ie6下,高度貌似会增加3px;

正常图片:

IE6下:

此时样式为:background-image: url(../Images/solid.png);
    　　　　height: 2px;
    　　　　width: auto;
　　　　    margin: 0 20px;

解决办法是加上 display:block和overflow:hidden;

不知道为何会出现这个情况,可能是由于图片本身的问题?此图片是一个height:2px的图,下面1px为一个半透明效果,当替换另一张不带透明效果图片的时候不会出现这种情况.