Hola Zptweb:
(
Creo que este tema te será de interés)
Crea un div contenedor donde alojar tus dos div´s y dale las siguientes propiedades:
Cita: #contenedor {
margin: 0 auto;
padding: 0;
width: /*Es imprescindible que asignes una anchura, necesaria, en px, %, etc*/;
position: relative;
}
coloca dentro de él tu elementos, siendo su display: inline, y al que quieras colocar a la izquirda lo 'flotas' así, (float:left), el otro se posicionará a su derecha, siempre que la suma de sus anchuras no sobrepase la del contenedor.
Sobre lo que te sucede, si le indicas posición absoluta te los posiciona en las coordenadas indicadas
referenciados al elemento que los contiene, y sin importar ni afectar al flujo del resto de elementos. Por eso los dos se colocan en el centro, porque cada uno de ellos no tiene en cuenta al otro ni le afecta.
Un saludo