El div interno dentro de un div girado exterior no sigue al mouse en caso de que se arrastre con jQuery UI

Tengo un div interno dentro de un div externo El div interior se puede arrastrar y el exterior se gira 40 grados. Este es un caso de prueba. En un caso real podría ser cualquier ángulo. Hay otro div llamado punto que se coloca como se muestra en la figura. (Soy de un fondo de flash. En Flash, si arrastrara la división interna, seguiría al mouse incluso si estuviera dentro de una división girada). Pero en HTML, la división interna no sigue al mouse como se puede ver. desde el violín. Quiero que el 'punto' div siga exactamente el mouse. Es posible. Intenté trabajar con trignometría pero no pude hacerlo funcionar.

http://jsfiddle.net/bobbyfrancisjoseph/kB4ra/8/

Respuestas a la pregunta(6)

Su respuesta a la pregunta