如何让表格层换行不变形

如何让表格层换行不变形
------------------------------------------
在显示隐藏表格层的时候，如果把全部表格显示出来的时候，表格就挤变形了，如何解决..~!请各位指教一下..谢谢!
---------------------------------
具体代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
}
-->
</style></head>
<script language="javascript">
var lookvalue='';
function Btype(){
document.all('II').style.display="block";
document.all('UU').style.display="none";
document.all('PP').style.display="none";
}
function OTC(){
document.all('UU').style.display="block";
document.all('II').style.display="none";
document.all('PP').style.display="none";
}
function Alltype(){
document.all('PP').style.display="block";
document.all('II').style.display="block";
document.all('UU').style.display="block";
} function Ctype(){
document.all('PP').style.display="block";
document.all('II').style.display="none";
document.all('UU').style.display="none";
}</script><body>
<form id="" name="zsform" method="post" action="/cdt_add_zhaoshangservlet">
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="138" rowspan="3">产品类型:</td>
    <td><table bgcolor="#E6E6E6">
<tr>
<td><input type="radio" name="type" onClick="OTC()" checked="checked"/>英文</td>
<td><input type="radio" name="type" onClick="Ctype()"/>符号</td>
<td><input type="radio" name="type" onClick="Btype()"/>数字</td>
<td><input type="radio" name="type" onClick="Alltype()"/>全部</td>
</tr>
</table> </td>
  </tr>
  <tr>
    <td>
<table width="400" align="left" id="II" style="display:none" bgcolor="#F9F9F9"  class="line-4-table">
<tr>
<td><input name="T03" type="checkbox" value="30100"/>11</td>
<td><input name="T03" type="checkbox" value="30200"/>22</td>
<td><input name="T03" type="checkbox" value="30300"/>33</td>
</tr>
<tr>
<td><input name="T03" type="checkbox" value="30900"/>44</td>
<td><input name="T03" type="checkbox" value="31000"/>55</td>
<td><input name="T03" type="checkbox" value="31100"/>66</td>
</tr>
</table><table id="UU" style="display:block" align="left" bgcolor="#F9F9F9" width="420" class="line-4-table">
<tr>
<td><input name="TT" type="checkbox" value="10100"/>aa</td>
<td><input name="TT" type="checkbox" value="10200"/>bb</td>
</tr>
<tr>
<td><input name="TT" type="checkbox" value="10300"/>cc</td>
<td colspan="2"><input name="TT" type="checkbox" value="10400"/>cc</td>
</tr>
</table><table id="PP" style="display:none" bgcolor="#F9F9F9" width="420"  class="line-4-table">
<tr>
<td><input name="ZZ" type="checkbox" value="20100"/>##</td>
<td><input name="ZZ" type="checkbox" value="20200"/>**</td>
<td><input name="ZZ" type="checkbox" value="20300"/>__</td>
</tr>
<tr>
<td><input name="ZZ" type="checkbox" value="23400"/>++</td>
<td><input name="ZZ" type="checkbox" value="23200"/>||</td>
<td><input name="ZZ" type="checkbox" value="23500"/>~~</td>
</tr>
<tr>
<td><input name="ZZ" type="checkbox" value="23600"/>@@</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
--------------------------------------------
如何在选择全部的时候，表格层与表格层之间换行，不把表格挤变形