Divs overlapping when not wanted

[RealBeginner]

Hi I have a series of divs which used to work fine to form a table like display with a lable and two text boxes in each row.


<div class="st">
<div>
<asp:Label ID="lblOffered" runat="server" Text="Offered" ToolTip="offered 1"></asp:Label>
<asp:TextBox CssClass="stShortDesc" ID="txtOffered" runat="server"></asp:TextBox>
<asp:TextBox CssClass="stLongDesc" ID="txtOfferedToolTip" runat="server"></asp:TextBox>
</div>
<div>
<asp:Label ID="lblRejected" runat="server" Text="Rejected" ToolTip="Reject 1"></asp:Label>
<asp:TextBox CssClass="stShortDesc" ID="txtRejected" runat="server"></asp:TextBox>
<asp:TextBox CssClass="stLongDesc" ID="txtRejectedToolTip" runat="server"></asp:TextBox>
</div>
<div>
<asp:Label ID="lblAccepted" runat="server" Text="Accepted" ToolTip="Accepted 1"></asp:Label>
<asp:TextBox CssClass="stShortDesc" ID="txtAccepted" runat="server"></asp:TextBox>
<asp:TextBox CssClass="stLongDesc" ID="txtAcceptedToolTip" runat="server"></asp:TextBox>
</div>
...etc
</div>

The first 2 or 3 divs sit almost on top of each other the rest of the list lays out table like down the rest of the page : ie and firefox

I remove the top row and I get the same sort of crunched up but from the new top 2 o 3 rows.

In firefox / fire bug highlighting the top row gives an area which is goes way to the top of the content area and overlaps a lable sitting there

I'm new to css and its driving me mad trying to figuer out what might be causing this.

[chrishirst]

ASP.NET code is of absolutely no use.

Rendered HTML PLUS CSS is needed or better still. ....





....

A link to the problem page

[RealBeginner]

thanks

sorry - I am really new to this css game. I will try to get it published in some location.