层遮盖不住下面的行，这是为啥，是我哪理解的不对吗
<style>
body{font-size:12px;}
a.list01 {position:relative;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;color:#333333; TEXT-DECORATION: none;}
a.list01 span{display:none;position:absolute;z-index:1;left:3px;top:21px;width:150px;height:auto !important;height:40px;min-height:40px;border:1px solid #DCC197;background-color:#FFFFDA;}
a.list01:hover {color:#333333;TEXT-DECORATION: none;}
a.list01:hover span{display:block;}
</style>
<table border="1" width="50%" align="center">
<tr>
 <td><a href="javascript: void(0);" class="list01">测试<span>弹出层的样式</span></a></td></tr>
<tr>
 <td><a href="" class="list01">测试<span>弹出层的样式</span></a></td></tr>
<tr>
 <td><a href="" class="list01">测试<span>弹出层的样式</span></a></td></tr>
<tr>
 <td><a href="" class="list01">测试<span>弹出层的样式</span></a></td></tr>
<tr>
 <td><a href="" class="list01">测试<span>弹出层的样式</span></a></td></tr>
<tr>
 <td><a href="" class="list01">测试<span>弹出层的样式</span></a></td></tr>
</table>
------解决方案--------------------
不是你的问题，是垃圾的IE7的问题。