En este código se pretende que se vea la diferencia de coordenadas de un elemento en relación a la posición (position de CSS) de su conteneder.
Pulsa sobre el botón para mostrar la posición del botón dentro de la ventana del navegador
Pulsa sobre el botón para mostrar la posición del botón dentro del marco (La única diferencia con el ejemplo anterior, es que este marco tiene el estilo position:relative)
Pulsa sobre el botón para mostrar la posición del botón dentro de la ventana del navegador aunque el marco disponga del estilo position:relative
http://www.lawebdelprogramador.com/
Puedes ver el código fuente en http://lwp-l.com/s2641