移动Safari中的表格错误

我有下表:
<table cellpadding="0" cellspacing="0" width="100%" style="border-collapse:collapse">
<tr>
    <td class="tr-l-t">
    </td>
    <td class="tr-t">
    </td>
    <td class="tr-r-t">
    </td>
</tr>
<tr>
    <td class="tr-l">
    </td>
    <td class="control-panel">
    </td>
    <td class="tr-r">
    </td>
</tr>
<tr>
    <td class="tr-l-b">
    </td>
    <td class="tr-b">
    </td>
    <td class="tr-r-b">
    </td>
</tr>
......和CSS
.tr-l-t
{
    background: url("../Images/tr_l_t.png") no-repeat;
    width: 6px;
    height: 6px;
}
.tr-l-b
{
    background: url("../Images/tr_l_b.png") no-repeat;
    width: 6px;
    height: 6px;
}
.tr-r-t
{
    background: url("../Images/tr_r_t.png") no-repeat;
    width: 6px;
    height: 6px;
}
.tr-r-b
{
    background: url("../Images/tr_r_b.png") no-repeat;
    width: 6px;
    height: 6px;
}
.tr-t
{
    background: transparent url("../Images/tr_t.png") repeat scroll 0 0;
    height: 6px;
}
.tr-l
{
    background: transparent url("../Images/tr_l.png") repeat scroll 0 0;
}
.tr-r
{
    background: transparent url("../Images/tr_r.png") repeat scroll 0 0;
}
.tr-b
{
    background: transparent url("../Images/tr_b.png") repeat scroll 0 0;
    height: 6px;
}
.control-panel
{
    background-color: #151515;
    width: 300px;
    height: 30px;
}
在IE7 / 8,FF,Chrome和Safari(Windows和Mac OS)浏览器中,两者都很好看。但是,在Safari for Ipod / Iphone / Ipad中,白色条纹出现在td标签之间。我尝试添加border:0 none,padding:0px,margin:0px,但没有成功。 你对如何解决它有任何想法吗?     
已邀请:
margin-bottom: -2px; //on one of the TD elements
这对我有用,但在我的情况下,我加入了两个具有纯白色的TD。 不确定这是否适用于所有情况。     
使用页面模板中的元标记设置视口。当比例为“1”时,表格会很好。放大或缩小或者甚至将初始缩放设置为1以外的其他任何值时,都会得到间隙。那就是我现在正在做的事情。 REG, MW     

要回复问题请先登录注册