古怪的垂直空間

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/