espace vertical étrange dans 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> 

Quand j'ouvre dans IE & Chrome il y a un espace entre le titre IMAGE et images ci-dessous. Comment puis-je supprimer cet espace vertical? Merci d'avance.

Answer 1

#leftFlyBanner img { 
    display: block; 
} 

Answer 2

Ajouter

#leftFlyBanner ul li { line-height:0 } 

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