I have this
<div class="registrationfield">
<div>
<asp:CheckBox ID="CheckBox1" runat="server" Text="ERS" CssClass="registercb"/>
<asp:Label ID="Label31" runat="server" Text="Registry No.-"
AssociatedControlID="TextBox1"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div>
</div
Then the CSS
.registrationfield
{
float:left;
width:419px;
}
.registercb
{
float:left;
width:7em;
}
The registration field is beside another box so I floated it left. The problem is, whenever I try zooming out the pages, the labels and textboxes is moving so much in Internet explorer then in google chrome it's a mess when trying to zoom out 3x.