I have a large table that currently has 15px spacing between all the cells. What I would like to do is maintain that spacing on the interior of the table but remove it from the outer edges so the table content is as wide as the rest of the fixed width site, which in my case is only defined by a couple of <hr>'s. I've been looking at W3's CSS values for tables but I haven't found what I'm looking for yet. I tried fiddling with the spacing values for the individual cells (which I think is where the solution is) but I haven't come up with anything that works yet.

http://mrbsdomain.com/vaio_wallpapers2.php

Relevant CSS at present:

table.wallpaper {
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
width: 100%;
border: 0;
border-collapse: seperate;
border-spacing: 15px;
}

.wT {
width: 122px;
}

.wD {
width: 173px;
}

I came up with a partial solution that works in all browsers, but I still have some extra space on the right. I extended the height of the thumbnail <td> to get the vertical spacing and added padding to the left and right of the description <td> to get the left and right padding. I could create a separate <td> class for the far right cell with no padding-right to get that extra space but at present I don't think it's worth the trouble.

table.wallpaper {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
width: 990px;
border: 0;
border-spacing: 0;
border-collapse: collapse;
}

.wT {
width: 122px;
height: 107px;
padding: 0;
margin: 0;
vertical-align: top;
}

.wD {
padding: 0 15px 0 15px;
vertical-align: top;
width: 178px;
}