关于优化在兼容IE低版本的问题

今天折腾了半天在兼容IE 低版本的时候遇到的问题：

<table width="858" border="0" align="center" cellpadding="0" cellspacing="0" >

<tr>

<td style="border-left: 1px solid #888888; border-right: 1px solid #888888;width:858px;height:2px; ">

<img src="login-image/top_bg_line.png" width="100%" />

</td>

</tr>

</table>

发现在IE7以下版本中 图片永远不能填满TD列，总是会出现TD大于图片的高度，即使设置了cellpadding="0" cellspacing="0"都没有用，

后来改用

<td style="border-left: 1px solid #888888; border-right: 1px solid #888888;width:858px;height:2px;background:url(login-image/top_bg_line.png) "> </td>

虽然不会出现图片不能填满TD情况，但是在IE7以下版本，table 边框的线不见了

后来在看到这篇博文http://blog.csdn.net/yangjun07167/article/details/5614412才知道img标签
在IE6和IE7中导致父层DIV高度多了4px

第一种：

固定div的高度，设置overflow属性为hidden

第二种：

设置img的display属性为block，

或者设置vertical- align属性为top, middle,bottom,text-bottom,text-top中的一种

把代码改成

<td style="border-left: 1px solid #888888; border-right: 1px solid #888888;width:858px;height:2px; ">

<img src="login-image/top_bg_line.png" width="100%" style=“display：block” />

</td>

问题完美解决