divs quedan desordenados

[moron]

Estimados:

Estoy intentando armar un formulario de ingreso de datos, usando divs para mostrarlo con dos columnas. En diseño se ve bien, pero en el explorador se ve desfazado.

Código HTML:

     .FormLabel
     {
     float:left;
     position:relative;
     width:50%;
     text-align:right; 
        
     }
     .FormInputControl
     {
         
         float:right;
         position:relative;
         width:50%;
         text-align:left;
   
}
         
         .LineaForm
         {
             position:relative;
             margin-top:auto;
             width:20;
             
             }

Código HTML:

<div id="form" style="width:400px">
       <div class="LineaForm">
            <div class="FormLabel"><asp:Label ID="LabelCodigo" runat="server" Text="LabelCodigo"></asp:Label></div>
            <div class="FormInputControl"><asp:TextBox ID="TextBoxCodigo" runat="server"></asp:TextBox></div>
       </div>
      
    <div class="LineaForm">
        <div class="FormLabel"> <asp:Label ID="LabelFamilia" runat="server" Text="LabelFamilia"></asp:Label></div>
        <div class="FormInputControl"><asp:DropDownList ID="DropDownListFamilia" runat="server" 
            DataSourceID="ObjectDataSourceFamilia" DataTextField="Nombre" 
            DataValueField="idFamilia">
        </asp:DropDownList>
       </div>  
       
       </div>
       
       <div class="LineaForm">
            <div class="FormLabel"> <asp:Label ID="LabelNombre" runat="server" Text="LabelNombre"></asp:Label>
       </div>
            <div class="FormInputControl"> <asp:TextBox ID="TextBoxNombre" runat="server"></asp:TextBox></div> 
     </div>
     
     <div class="LineaForm">
    <div class="FormLabel"> <asp:Label ID="LabelDescripcion" runat="server" Text="LabelDescripcion"></asp:Label></div>
     <div class="FormInputControl"> <asp:TextBox ID="TextBoxDescripcion" runat="server"></asp:TextBox></div>  
     </div>
     
     <div class="LineaForm">

       <div class="FormLabel"><asp:Label ID="LabelStock" runat="server" Text="LabelStock"></asp:Label></div>
     <div class="FormInputControl"> <asp:TextBox ID="TextBoxStock" runat="server"></asp:TextBox></div>  

     </div>
     
     <div class="LineaForm">

       <div class="FormLabel"><asp:Label ID="LabelStockCritico" runat="server" Text="LabelStockCritico"></asp:Label></div>
     <div class="FormInputControl"> <asp:TextBox ID="TextBoxStockCritico" runat="server"></asp:TextBox></div>  

     </div>
     
     <div class="LineaForm">
      <div class="FormLabel"> <asp:Label ID="LabelPrecio" runat="server" Text="LabelPrecio"></asp:Label></div>
     <div class="FormInputControl"> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></div>   
     </div>
     
   <div class="LineaForm">
     <div><asp:Button ID="ButtonGuardar" runat="server" Text="Guardar" onclick="Button1_Click" /></div> 
     </div>
      
    </div> 

Alguna idea?

Muchas gracias