嘿嘿，最近在做一个站，用UL的时候发现在IE8下正常的代码在IE6 IE7 FF3.0.10都下不正常，用UL做纵向的图片菜单，图片下方会有间距，如下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author" content="www.lixiaopeng.org" />
<title>无标题文档</title>
<style type="text/css">
body{background:#000;}
img{border:none;}
ul{margin:0;padding:0;list-style-type:none;}
</style>
</head>
 
<body>
<ul>
  <li><img src="http://www.baidu.com/img/baidu_logo.gif" /></li>
  <li><img src="http://www.baidu.com/img/baidu_logo.gif" /></li>
  <li><img src="http://www.baidu.com/img/baidu_logo.gif" /></li>
</ul>
</body>
</html>

经过晓鹏的尝试只需要定义一下LI中的IMG就可以解决了，加入CSS为

ul li img{vertical-align:top;}