Pues eso con left y top... para sacar la posicion podrías usar funciones de jquery como position() u offset(), tienen ligeras diferencias que debes tener en cuenta, position retorna la posición respecto al elemento padre; offset respecto a la página; no se si me entiendes... tambien puedes usar offset({top:10,left:10}) para mover un objeto a unas coordenadas...

Te dejo los links a la documentación por si tienes alguna duda, o si no publicas aquí mismo

http://api.jquery.com/position/
http://api.jquery.com/offset/

En position el punto 0,0 es la esquina superior izquierda del objeto padre, es decir:

Código: [Seleccionar]

<div><!-- supongamos que esta a mitad de la página, como a unos 500px de alto y a 50px de la izquierda
<div id="midiv">
Este div tiene un margin de 20px
</div>
</div>
Al usar position() nos devolvera 20 y 20; pues es la distancia con su padre.

Sin embargo offset() devolvera 520 de alto y 70 de ancho, respecto a la pagina entera.

Es recomendable que uses offset, ya que usar .style.left/top no funciona correctamente si el objeto no tiene position:absolute, yo hice una vez una función que recorría cada elemento por encima para sacarlo, pero jQuery lo trae incorporado

Muy sencillo

Código: [Seleccionar]

var offset = $('#img').offset(); // sacamos el offset
$('#imagenparacolocar').offset({top: offset.top, left: offset.left}); // movemos la imagen
y solucionado! para moverlo más arriba puedes usar animate() o restarlo ( (offset.top-100) )

Creo que ya se lo que quieres, decir, perdona si me equiboco pero o te explicas mejor o no avanzamos.

IMAGEN 1:


IMAGEN 2:


¿Eso es lo que quieres que haga la IMG, de X a Y?