Cell height and width way too big in Firefox

[mrfixit]

I have a table of thumbnail images that link to a larger image when clicked upon. They are centered in the table cells vertically and horizontally and shrunken for the thumbnail versions. Firefox requires an extra line of code to do this "-moz-transform . . ."

The issue is that the cells in all other browsers (IE, Chrome, Safari) appear correctly and work perfectly. They are all 250px square. The pictures show up the correct size in Firefox, but the cells are 1000px square. What do I do?

HTML:

<table border="2" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
<tr>
<td><a href="cabinetry/kitchens/hdkitchen1.jpg"><img style="zoom:0.2; border:3px solid black;" src="cabinetry/kitchens/hdkitchen1.jpg"/></a></td>
<td><a href="cabinetry/kitchens/hdkitchen2.jpg"><img style="zoom:0.2; border:3px solid black;" src="cabinetry/kitchens/hdkitchen2.jpg"/></a></td>
<td><a href="cabinetry/kitchens/hdkitchen3.jpg"><img style="zoom:0.2; border:3px solid black;" src="cabinetry/kitchens/hdkitchen3.jpg"/></a></td>
<td><a href="cabinetry/kitchens/hdkitchen4.jpg"><img style="zoom:0.2; border:3px solid black;" src="cabinetry/kitchens/hdkitchen4.jpg"/></a></td>
<td><a href="cabinetry/kitchens/hdkitchen5.jpg"><img style="zoom:0.2; border:3px solid black;" src="cabinetry/kitchens/hdkitchen5.jpg"/></a></td>
<tr>

CSS:

td {
	text-align: center;
	box-sizing: content box;
	width: 250px;
	height: 250px;
	margin-top: 0;
	margin-bottom: 0;
	}

td img {
	margin: 0 auto;
	border-width: 0px;
	-moz-transform: scale(0.2);
	
	}​
				 
form
    {
    margin: 0px;
    }			 

table
	{border-collapse:collapse;
	overflow:hidden;
	white-space: nowrap;
	}

Any suggestions?

[AndrewGSW]

There should be a hyphen in the following

box-sizing: content-box;

although this is probably not the cause of your issue (and should be the default value anyway).

Maybe it's the zoom that is the issue (a proprietary MS/IE property) but I'm not sure, soz.