Table 布局怎么改用CSS定位

Table 布局如何改用CSS定位
以下是我的代码(已经精简了),全部用table来布局,左边是treeview控件 ,右边是一些textbox,但是treeview因为数据的原因,会拉得很长,弄得右边的textbox每行之间的间距也是很大. 所以我要改用CSS定位,但不知道如何写呀,请高人给点提示吧,非常感谢.


<table class="style3">
  <tr>
  <td class="style4" rowspan="9">  
  <asp:TreeView ID="TreeView1" runat="server" 
  onselectednodechanged="TreeView1_SelectedNodeChanged" Width="205px" 
  BorderColor="#3399FF" 
  </asp:TreeView>
  </td>
  <td class="style5">
  <asp:Button ID="AAA" runat="server" onclick="AAA_Click" Text="分类保存" 
  Width="57px" />
  </td>  
  </tr>  
  <tr>
  <td class="style5">
  <asp:Label ID="Label2" runat="server" Text="编号"></asp:Label>
  <asp:TextBox ID="txtno" runat="server" Width="126px"></asp:TextBox>  
  </td>
  </tr>
  <tr>
  <td class="style5">
  <asp:Button ID="AB" runat="server" onclick="AB_Click" Text="保存" 
  UseSubmitBehavior="False" Width="75px" />
  </td>
  </tr>
  <tr>
  <td class="style5">
  <asp:Label ID="Label6" runat="server" Text="设备归类"></asp:Label>
  <asp:TextBox ID="txfi01" runat="server" Width="61px" ReadOnly="True"></asp:TextBox>
  <asp:Label ID="Label5" runat="server" Text="设备编号"></asp:Label>
  <asp:TextBox ID="txno" runat="server" Width="147px"></asp:TextBox>  
  <asp:Label ID="Label7" runat="server" Text="规格型号"></asp:Label>
  <asp:TextBox ID="txfi02" runat="server" Width="158px"></asp:TextBox>  
  </td>
  </tr>
  <tr>
  <td class="style5">
  <p>
  <asp:Label ID="Label9" runat="server" Text="使用部门"></asp:Label>
  <asp:TextBox ID="txfi06" runat="server" Width="101px"></asp:TextBox>
  <asp:Label ID="Label10" runat="server" Text="状态"></asp:Label>
  <asp:DropDownList ID="txfi07" runat="server" Width="100px">
  </asp:DropDownList>
  <asp:Label ID="Label11" runat="server" Text="备注"></asp:Label>
  <asp:TextBox ID="txfi08" runat="server" Width="447px"></asp:TextBox>
  </p>
  </td>
  </tr>  
   
  </table>


------解决方案--------------------------------------------------------
用嵌套表格来布局呀。
------解决方案--------------------------------------------------------