css布局问题

1. 使用display：inline-block浏览器出现间隙问题

<div style="letter-spacing:-3px; font-size:0;">
    <img src="mm1.jpg" style="border-right:4px solid #066;" />
    <img src="mm2.jpg" style="border-left:4px solid #F36;" />
</div>
<ul style="letter-spacing:-3px; font-size:0;">
    <li>测试</li>
    <li>测试</li>
</ul>

<style>
  li{
     display:inline-block;
     *display:inline;//兼容ie浏览器写法
     *zoom:1;
   }
</style>

,给父元素添加“letter-spacing:-3px，font-size:0";