Kłopotliwe ustawienie walidacji (miejsca wyświetlania)

Nie jestem wstanie (i nie mam już nerwów) sprawić aby komentarz po walidacji, znajdował się po prawej stronie. Ideał to -> hasło textbox Miejsce na komentarz po walidacji. Jest... hasło miejsce na komentarz po walidacji textbox.

 <div class="box">
       <label><span>Login:</span> <asp:TextBox ID="loginbox" runat="server"></asp:TextBox> <br /></label>
       <label> <span>Hasło: </span> <asp:TextBox ID="haslobox1" runat="server"></asp:TextBox>
       <asp:CompareValidator ID="CompareValidator1" runat="server" ErrorMessage="Hasła są różne" 
       ControlToValidate="haslobox2" ControlToCompare="haslobox1" class="validation"></asp:CompareValidator></></label>
     <label> <span>Hasło2:</span>  <asp:TextBox ID="haslobox2" TextMode="Password" runat="server"></asp:TextBox><br /></label>
      <label><span>email:</span>  <asp:TextBox ID="TextBox3" TextMode="Password" runat="server"></asp:TextBox><br /></label>
      <label> <span>email2:</span> <asp:TextBox ID="TextBox4" runat="server"></asp:TextBox><br /></label> 
      <label> <span>Uprawnienia</span><asp:TextBox ID="uprawnieniabox" runat="server"></asp:TextBox></label>
        
    <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Zarejestruj" /></div>
    </form>

		div.box {
			margin:0 auto;
			width:500px;
			background:CornflowerBlue;
			position:relative;
			top:50px;
			border:1px solid #262626;
		}
 
		div.box label {
			width:100%;
			display: block;
			background:CornflowerBlue;
			border-top:1px solid #262626;
			border-bottom:1px solid #161712;
			padding:10px 0 10px 0;
                        height: 39px;
}
		div.box label span {
			display: block;
			color:#bbbbbb;
			font-size:12px;
			float:left;
			width:100px;
			text-align:right;
			padding:5px 20px 0 0;
            color:GhostWhite;
		}
 div.box .validation{
     display:block;
     float:right;
     color:tomato;


 }