古怪的垂直空间

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 &铬开有标题图像和下方的图像之间的空间。 我怎样才能去掉那个垂直空间？ 在此先感谢。

Answer 1

#leftFlyBanner img { 
    display: block; 
} 

Answer 2

添加

#leftFlyBanner ul li { line-height:0 } 

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