C# と VB.NET の質問掲示板

vb.netでwebアプリの画面(ASP)を作成しています。
画面上には可変のテーブル1,テーブル2の二つが縦に並んであります。テーブルのROWは状況によって可変になりますが
現在の仕組みだと、テーブル1のROWが増えるとその下のテーブル2に増えた分が重なってしまいます。
今までは無理やり座標を計算しvb側でずらしていました。
下記にCSSを採用し、divで囲んで可変で行が増えた分テーブル2も動かすことはできないでしょうか。
どなたかお力添えいただきたいです。

<asp:Label style="Z-INDEX: 109; POSITION: absolute; TOP: 456px; LEFT: 8px" id="Label1" runat="server"
Font-Bold="True" Width="232px" Visible="False">テーブル1</asp:Label>
 <asp:table style="Z-INDEX: 106; POSITION: absolute; TOP: 480px; LEFT: 8px" id="Table1" runat="server"
GridLines="Both" Width="641px" Visible="False">
<asp:TableRow>
<asp:TableCell Text="項目1"></asp:TableCell>
<asp:TableCell Text="項目2"></asp:TableCell>
<asp:TableCell Text="項目3"></asp:TableCell>
</asp:TableRow>
</asp:table>

<asp:Label style="Z-INDEX: 109; POSITION: absolute; TOP: 456px; LEFT: 8px" id="Label2” runat=“server”
Font-Bold=“True” Width=“232px” Visible=“False”>テーブル1</asp:Label>
 <asp:table style=“Z-INDEX: 106; POSITION: absolute; TOP: 480px; LEFT: 8px” id=“Table2" runat="server"
GridLines="Both" Width="641px" Visible="False">
<asp:TableRow>
<asp:TableCell Text="項目1"></asp:TableCell>
<asp:TableCell Text="項目2"></asp:TableCell>
<asp:TableCell Text="項目3"></asp:TableCell>
</asp:TableRow>
</asp:table>