这两个方框 为什么对不齐，不一样高？？？

这两个方框   为什么对不齐，不一样高？？？
两个方框都是20像素宽高，为什么对不齐呢？（仅仅不同的是第一个方框里有一个20像素宽高的图片）


<span   style= "border:1px   solid   red;   width:20;   height:20; "> <img   src= "1.gif "   width= "20 "   height= "20 "> </span>
<span   style= "border:1px   solid   red;   width:20;   height:20; "> </span>


------解决方案--------------------
图片的宽高改小点嘛