Asp.net Web Inputform not alligned in some browsers

Question

Hi,

 

I have created asp.net webform to capture student input information. I used CCS , when I deployed the application in the host org, the page output was missed up when I view it in Chrome & Edge browser, however, the inputform was OK viewing it in Internet Explorer 11.

 

I am not sure what is the right action to do to fix it. Is this related to browser setting of

 

CSS or any ohter setting .

 

please advise.

 

Al

 

This link will show you the page output http://kfmc.wdbcs.com/internship/internEnroll.aspx

 

The code for the page below.

<div>
<fieldset class="InputForm">
<legend><strong>Student Registration</strong></legend>
<asp:Label ID="lblOutput" runat="server" Text="" CssClass="myMsgForm" ></asp:Label><br />
<br />
<asp:Label ID="lblRefNo" runat="server" Text="Ref #" CssClass="myCaptionForm"></asp:Label>
<asp:TextBox ID="txtRefNo" runat="server" OnLoad="txtRefNo_Load" CssClass="myInputForm" ToolTip="If you have ref#, please enter here, If not leave it blank"></asp:TextBox>
<asp:HyperLink ID="hyperLink" runat="server" NavigateUrl="~/internship/InternProfile.aspx" Visible="False">Click to update your Information!</asp:HyperLink>
<br />
<asp:Label ID="lblFirstName" runat="server" Text="First Name" CssClass="myCaptionForm"></asp:Label>
<asp:TextBox ID="txtFName" runat="server" CssClass="myInputForm"></asp:TextBox>
<br />
<asp:Label ID="lblMiddleName" runat="server" Text="Middle Name" CssClass="myCaptionForm"></asp:Label>
<asp:TextBox ID="txtMName" runat="server" CssClass="myInputForm"></asp:TextBox>
<br />
<asp:Label ID="lblLastName" runat="server" Text="Last Name" CssClass="myCaptionForm"></asp:Label>
<asp:TextBox ID="txtLastName" runat="server" CssClass="myInputForm"></asp:TextBox>
<br />
<div class="myInputForm">
<ul>
<li>CV</li>
<li>Academic Record</li>
<li>University Letter</li>
</ul>
</div>
<br />
<br />
<asp:Label ID="lblUpload" runat="server" Text="Upload your documents" CssClass="myCaptionForm" Visible="false"></asp:Label>
<asp:FileUpload ID="FileUpload" runat="server" AllowMultiple="true"
ToolTip="Please enter CV, Adacemic record and University Letter" TabIndex="10" CssClass="myInputForm" visible="false"/>
<br />
<asp:Button runat="server" Text="Submit" OnClick="Insert" Visible="true" CssClass="myBtnSubmit" />
<asp:Button ID="btnShowAllInterns" runat="server" Text="Show All Interns"
OnClick="btnShowAllInterns_Click" Visible="False" />
</fieldset>

CSS

<link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
.myInputForm {
display: block;
float: left;
}
.myCaptionForm {
display: block;
width: 10em;
text-align: right;
padding-right: 1em;
float: left;
}
.myMsgForm {
display: block;
float: left;
text-align:center;
}
.myNoteForm {
display: block;
float: left;
width:400px;
height:100px;
}