CSS中奇怪的垂直空间

Question

CSS

#leftFlyBanner {
  position:fixed; 
  _position:absolute;  
  width: 118px; 
  top:180px; 
  left:10px; 
  float:left;
}

#leftFlyBanner ul { 
  margin:0; 
  padding:0; 
  list-style: none; 
  width:118px; 
  float:left;
}

#leftFlyBanner ul li {
  display: inline; 
  margin:0 ; 
  padding:0; 
  float:left;
}

HTML

<div id="leftFlyBanner">
  <ul>
     <li><TITLE IMAGE></li>
       <li id="s2">
            <IMAGE1 />
            <IMAGE2 />
            <IMAGE3 />
       </li>
    </ul>
</div>

当我在IE＆amp; Chrome在TITLE IMAGE和下面的图片之间有空格。 如何删除垂直空间？ 提前谢谢。

Answer 1

#leftFlyBanner img {
    display: block;
}

Answer 2

添加

#leftFlyBanner ul li { line-height:0 }

http://jsfiddle.net/pxfunc/rY3DJ/