td样式的display属性在Mozilla下失常了

<html><head>
<title>test</title>
<script language="javascript">
function selectTable(x)
{
var MyTab = document.getElementById('MyTable');
var MyTBD = MyTab.tBodies;
for (var i=0; i<MyTBD.length; i++)
{
MyTBD[i].style.display = 'none';
}
MyTBD[x].style.display = '';
}
</script>
</head><body>
<input type='button' onclick='selectTable(0)' value='0' />
<input type='button' onclick='selectTable(1)' value='1' />
<input type='button' onclick='selectTable(2)' value='2' />
<table id='MyTable' width="500">
<tbody style='display:;border:1px solid #000000'>
<tr>
<td height="50"><input type="checkbox" name="SeqId" value="10">&nbsp;10</td>
</tr>
</tbody>
<tbody style='display:none;border:1px solid #000000'>
<tr>
<td height="50"><input type="checkbox" name="SeqId" value="11">&nbsp;11</td>
</tr>
</tbody>
<tbody style='display:none;border:1px solid #000000'>
<tr>
<td height="50"><input type="checkbox" name="SeqId" value="12">&nbsp;12</td>
</tr>
</tbody>
</table>
</body></html>