img标签在ie浏览器下的兼容处理

html代码片段

<ul>
 <li><a href="#"><img src="img/temp.jpg" alt="广告图片1" /></a></li>
 <li><a href="#"><img src="img/temp.jpg" alt="广告图片2" /></a></li>
 <li><a href="#"><img src="img/temp.jpg" alt="广告图片3" /></a></li>
 <li><a href="#"><img src="img/temp.jpg" alt="广告图片4" /></a></li>
</ul>

css代码片段

ul{width:280px}
ul li{display:block;height:57px;width:277px}

很明显地可以看到 在IE中，li的高度并非我们设定的值，而是比其要高，这是因为 img 下