hi team, im using divs to create a simple page layout with a few object on the page. the layout works perfectly but some of the controls are dislocated when run in browser.

CSS
Code:
.entry_form_col1  {height:25px; width:100px;float:left;border:0px none}
.entry_form_col2 {height:25px; width:400px;border:0px none}
HTML
Code:
<div style="margin-left:5px;  width:600px; height:200px">
<div ><strong>Work Activity Form</strong> </div>
<br />
<div style="width:100px;height:40px; float:left" >Description</div> <div style="width:400px;height:40px"><asp:TextBox ID="descriptionTextBox" runat="server" Width="330px" TextMode="MultiLine" ></asp:TextBox></div>
<div style="clear:both"></div>            
<div class="entry_form_col1">Total</div> <div class="entry_form_col2"><asp:TextBox ID="totalTextBox" runat="server" Width="100px"></asp:TextBox></div>
<div class="entry_form_col1">Expiry Date</div> <div class="entry_form_col2"><asp:TextBox ID="expirydateTextBox" runat="server" Width="100px"></asp:TextBox></div>
            
<div style="width:100px;height:40px; float:left" >Email Distribution</div> <div style="width:400px;height:40px"><asp:TextBox ID="emaildistributionTextBox" runat="server" Width="330px" TextMode="MultiLine" ></asp:TextBox></div>

<div class="entry_form_col1"></div> 
<div  class="entry_form_col2" ><asp:Button ID="save_closeButton" runat="server" Text="Save and Close" Width="135px" />             
<input id="Button1" type="button" value="Close"  onclick="javascript:self.close();"/></div>
</div>
[IMG] Uploaded with ImageShack.us[/IMG]