Borders that are not borders are the borders I like

The other day I was surprised to see that the border that looked nice in Firefox 2, looked awful in IE6, and created havoc in IE7.

Firefox:

IE6:

IE7: (The Add buttons are partially hidden.)

What to do? Create different css tags for different browsers? No way!

I found some nice borders at Sure Support:

It took me quite a while to find out how they created the border. It looked nice in Firefox and in IE!

The border around every cell is created in a sneaky way:

1. Set the table background to gray.
2. Set every cell background to white.
3. Set table cell spacing to "1" and border to "0"

Code: