IE中的表格单元格大小

Question

这是一个奇怪的解释，但我正在尝试创建一个小的互动房子，使用表格（我知道，羞耻我）和图像与jQuery。有四个表格单元格，当点击时，调整大小以占据所有四个空间（请参阅链接中的图像以获得更好的想法），但在IE中，底部单元格将调整大小但在它们上方创建一个奇怪的间隙（请参阅附加图片右侧的截图）。当细胞恢复到正常尺寸时（通过点击左边的楼梯），它们显示正常。

屏幕截图：http://www.dumpt.com/img/viewer.php?file=2d1v0ktgb4m1a6c1lg6h.png

以下是进行大小调整的代码：

$('td').click(function(){
  var thisID = $(this).attr('id');
  var thisIMG = '<img src="' + thisID + '.jpg" usemap="#' + thisID + '-map">';
  $(this).animate({'height':'240px','width':'280px'},500);
  $('td').not(this).animate({'height':'0px','width':'0px'},500);
  $(this).html(thisIMG);
});
$('#tableStairs').click(function(){
  $('td').animate({'height':'120px','width':'140px'},500);
  $('td').html('');
});

有人有任何想法吗？

谢谢，

灰