I have a css problem when the html page is rendered on iPad. Everything works good in other browsers. The problem is that I get a small space between the cells in my tables as you can see in the picture: http://oi53.tinypic.com/2vl0as9.jpg
If I zoom in the page maximum on the line between the cells, it dissappears.. So it must be some kind of bug when the page is rendered. Can I go around this in some way? This is my table and css:
<table class="smallTable" cellpadding=0 cellspacing=0>
<tr>
<td class="td1"></td>
<td class="td2"></td>
</tr>
<tr>
<td class="td1"></td>
<td class="td2"></td>
</tr>
</table>
CSS:
.smallTable
{
margin: 20px auto 40px auto;
border-spacing: 0;
}
.smallTable td
{
margin: 0;
}
.smallTable td.td1
{
background: url(../images/table1.png);
}
.smallTable td.td2
{
background: url(../images/table2.png);
}