Javascript-форум - Таблица меняет размер при изменении вложенного изображения.

Здравствуйте!
Имеется вот такая вот табличка для просмотра изображения:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>TEST</title>
</head>

<body>

<table id = "FrameTable" style = "width:440px;height:340px;" border="1">
<tr>
<td style = "width:50px;height:20px"></td>
<td style = "width:20px;height:20px"></td>
<td style = "height:20px"></td>
<td style = "width:20px;height:20px"></td>
<td style = "width:50px;height:20px"></td>
</tr>

<tr>
<td rowspan = "3" style = "width:50px"></td>
<td rowspan = "3" style = "width:20px"></td>
<td rowspan = "3" align = "center" valign = "center">
<img id = "DivImg" src = "" onclick = "Test3()">
</td>
<td rowspan = "3" style = "width:20px"></td>
<td style = "width:50px;height:50px;background:green"></td>
</tr>

<tr>
<td style = "width:50px"></td>
</tr>

<tr>
<td style = "width:50px;height:50px;background:green"></td>
</tr>

<tr>
<td style = "width:50px;height:20px"></td>
<td style = "width:20px;height:20px"></td>
<td style = "height:20px"></td>
<td style = "width:20px;height:20px"></td>
<td style = "width:50px;height:20px"></td>
</tr>
</table>
<script>
function Test3()
{
	document.getElementById('DivImg').style.width = '200px';
	document.getElementById('DivImg').style.height = '200px';
}
</script>
</body> 
</html>

При динамическом изменении размера изображения (если по нему кликнуть) в IE8 почему-то изменяется высота зеленых ячеек. В ФФ все работает нормально. Я думаю, что дело в разметке таблице, но что именно не так, понять не могу.