IE下li列表遇到底边3像素空白的问题

在用li写列表时，若果li中加了“a”之类的标签，并且float，比如：“<li class="li1"><a href="#">无标题文档</a><a href="#">文档</a></li>”

IE下li下边会出现3像素的空白区域，刚开始不知如何处理，只能用hack，今天终于彻底解决了。

只要在li的css里加上“vertical-align：top；”就OK了。如此而已。

当然列表的写法并不是唯一的，可以用其他方法来避免出现这种现象