Estoy tratando de crear una flecha deslizante en la parte superior de mi encabezado que se desliza horizontalmente de acuerdo con el elemento del menú actualmente activo.

EDITAR - el sitio web al que me refería como ejemplo ya no está activo.

La flecha debe estar en la posición correcta cuando la página se carga (es decir, directamente sobre el elemento del menú activo). Actualmente, mi esfuerzo hace que se deslice desde el lado izquierdo de la pantalla antes de detenerse sobre el botón activo cuando la página se carga / actualiza.

Actualmente estoy usando jQuery 1.8.3, Modernizr y Cycle Lite en mi sitio para otras funciones.