¿Porque me sale desordenado?

[shekel]

tengo un div que le identifico por la clase y dentro de el hay un input y al lado otro div que se rellena con una imagen al perder el foco el input, lo que quiero es que el div que hay que rellenar me quede a la derecha, pero en cambio siempre esta a la izquierda

Código HTML:

<div class="dos"><input id="usuario" type="text" size="32" onblur="ComprobarDisponibilidad('usuario')"/>
        <div id="divmensaje"></div>
      </div>
 

Este es el css

Código CSS:

#registerbox #registerboxright .dos {
    padding-top:37px;
    width: 300px;
    float: left;
}
#registerbox #registerboxright .dos #divmensaje {
    float: left;
    height: 21px;
    width: 21px;
}
 

He aqui el resultado:

[URL="http://imageshack.us/photo/my-images/844/47216190.png/"]http://imageshack.us/photo/my-images/844/47216190.png/[/URL]

[MARCASTELEON]

Hola,

Prueba agregandole la propiedad "float:left" a el input.

Código CSS:

#registerbox #registerboxright .dos input {
    float: left;
}