（从已经死了一次又一次终于挂掉的百度空间人工抢救出来的，发表日期2014-04-08）
<style type="text/css" >
*{
margin:0px auto;
padding:0px; /*解决IE8中距中，不左对齐*/
}
.box{
border:#000 solid 1px;
width:640px;
/height:auto !important;/*overflow:hidden;/*解决FF边框不随大小变化*/
margin-top:2px;}
img{
border:none;
vertical-align:middle;/*解决IE6/FF图片下面有边距*/
}
ul{
border:red solid 0px;
zoom:100%;
overflow:hidden;
_padding-bottom:10px;*padding-bottom:10px;/*IE6/IE7 margin-bottom无效问题*/
}
li{
list-style:none;
float:left;
margin:10px;
display:inline;/*IE6双边距bug*/
border:#000 solid 1px;}
</style>
<title>测试</title>
</head>
<body>
<div class="box">
<ul>
<li><a href="#" class="tt" title="苹果"><img src="data:images/apple_1.jpg" alt=苹果"" /></a></li>
<li><a href="#" class="tt" title="苹果"><img src="data:images/apple_2.jpg" alt=苹果"" /></a></li>
<li><a href="#" class="tt" title="苹果"><img src="data:images/apple_3.jpg" alt=苹果"" /></a></li>
<li><a href="#" class="tt" title="苹果"><img src="data:images/apple_4.jpg" alt=苹果"" /></a></li>
<li><a href="#" class="tt" title="苹果"><img src="data:images/apple_1.jpg" alt=苹果"" /></a></li>
</ul>
</div>