bueno solo trate de dejar el codigo que tu tenias, y modifiqué la margen derecha para que pudieran superponerse. la margen izquierda quedó tal y como estaba.
creo que el codigo quedaría mas claro si pones a flotar el elemento a la derecha así:
Código:
input.user{
float: right;
margin-right:-50px;
border: 1px outset silver;
position:relative;
background-color: red;
}
al flotar el elemento se va a colocar hacia la derecha hasta donde se lo permita el margen del contenedor, en este caso como el margen es negativo, puede avanzar mas hacia la derecha que el limite del elemento.
espero que este claro
y me alegro que te sirva.
