CSS issue on iPad with table border

Question

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

Answer 1

I just bashed my head against this bug for half a day while trying to make an HTML formatted email.

iPad's have a bug (gasp!) when viewing tables at a non 1:1 scale. This is especially apparent if your table's TD tags have a dark background and the TABLE's parent has a light color. Rowspans and colspans amplify the problem.

I initially thought the problem was that iPad was introducing a border.
The real problem is that the coders at Apple didn't decide if they were going to uniformly round fractions of a pixel up, or down while scaling.

Hence, some TD tags appear to have a border when not at 100% scale. When in reality it is just the light background showing through.

The solution is to wrap the table into another table that has the same dark background.

Welcome to 1998 web-design. I hear mp3.com is all the rage. Gonna buy me some mail-order dog treats from pets.com.

Thanks iPad.