求图片列表css好方案

要求兼容主要浏览器，
最好图片不用设置px大小，根据包容体大小自动缩放。
期待能有这方面排版的专题资料。

---

请问img和span为什么要设置为display：block属性，这样做有什么好处，图文列表例子来自dede原始模板：http://www.dgwblm.com/index.html

CSS code:

.e1 {
clear:both;
overflow:hidden;
padding-bottom:8px;
padding-top:10px;
width:100%;
}
.e1 li {
float:left;
overflow:hidden;
padding-left:12px;
text-align:center;
width:126px;
}
.e1 li a {
display:block;
}
.e1 li a:hover img {
border:1px solid #999999;
padding:2px;
}
.e1 li a img {
border:1px solid #E3E3E3;
display:block;
height:90px;
padding:2px;
width:120px;
}
.e1 li a span {
display:block;
line-height:17px;
padding-top:6px;
}


HTML code:
<dd class="light">
<ul class="e1">
<li><a href="/a/wangbaxinwen/yejiezixun/2009/1123/1266.html"><img width="124" height="94" border="0" alt="4岁孩网吧视频看爸爸被拒 律师拟上书国务院" src="/uploads/allimg/091123/21102U5X-0-lp.jpg"/><span class="title">4岁孩网吧视频看爸爸被拒 律师拟</span></a></li>
<li><a href="/a/w