不同浏览器对于空白的处理

<div>
    <img src="${imagebase }/album_type_box_bg_top.gif" width="142" height="2" />
</div>
<div class="album_type_box_1">
    <table class="album_type_box_table_1" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td>
            <a href="${base }/group/${path }/viewArticle/?id=${art.id }">
                <img onload="javascript:resizeImage(this,140,120)" src="${base }/attachments/${imageAttachList[status.count-1].url}" width="130px" />
            </a>
            </td>
        </tr>
    </table>
</div>
<div>
    <img src="${imagebase }/album_type_box_bg_bottom.gif" width="142" height="2" />
</div>

以上这段代码，是想实现下面的图片效果，结果圆角矩形在ie下总是有问题，在ff下确实正常，后来发现原来是

<div>
    <img src="${imagebase }/album_type_box_bg_top.gif" width="142" height="2" />
</div>这段代码中有换行的空白，ie显示了这部分空白，所以圆角矩形无法闭合。改为下面这样就可以了

<div><img src="${imagebase }/album_type_box_bg_top.gif" width="142" height="2" /></div>

 

问题虽小，却废了好大神经找出来，先记下了。