CSS Table Cell Border Problem

This page has two tables on it. The first table contains a single cell with a 200 pixel wide image. The second table contains a single cell with some text. The width of the table cells should be 200 pixels.

Table with Image

The following CSS is the only style applied to the page:

td {
	width: 200px;
	padding: 0;
	color: #ff0000;
	background-color: #c0c0c0;
	border-right: 10px solid #0000ff;
	}

In IE6 (Win), the cell's right border is applied consistently to both tables, with the border being rendered on the outside of the cell.

In Gecko-based browsers (NS 7, Mozilla 1.2.1), the right border is rendered on the outside of the first table but on the inside of the second table.