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.