如何解决IE6及更早浏览器下当li内部元素是定义了display:block的内联元素时底部产生空白的问题? BUG重现：

a,span{display:block;background:#ddd;}

<ul>
	<li><a href="http://css.doyoe.com/">CSS参考手册</a></li>
	<li><a href="http://blog.doyoe.com/">CSS探索之旅</a></li>
	<li><a href="http://demo.doyoe.com/">web前端实验室</a></li>
	<li><span>测试li内部元素为设置了display:block的内联元素时底部产生空白</span></li>
</ul>

　　测试li内部元素为设置了display:block的内联元素时底部产生空白

　　如上代码，IE6及更早浏览器每个li内部的内联元素底部都会产生空白。解决方案是给li内部的内联元素再加上zoom:1