Date: 10/19/06 (Web Development)    Keywords: css, html

I would like to specify that there be a consistent amount of space between all the cells in a table, but no space between the cells and the outer edge of the table.

That is, picture a regular ol' table with its cellspacing attribute set to, say, "10", which gives us something like this (with border="1" for clarity):

1	2	3
4	5	6
7	8	9

I want to remove the spacing from the perimeter so that the outer cells touch the edge of the table, but keep the spacing in the interior, between the cells. I've played around with all the CSS attributes I can find, but I haven't hit on a combination that works.

(I'm only using the HTML cellspacing attribute here to illustrate the effect I want. I want the real solution to be all CSS.)

This needs to work in IE, Firefox, and Safari. Thanks.

Source: http://community.livejournal.com/webdev/362684.html