jquery flyout menu background li
<p>Playing around with <a href="http://tympanus.net/Tutorials/CufonizedFlyOutMenu/" rel="nofollow">http://tympanus.net/Tutorials/CufonizedFlyOutMenu/</a>
I dropped the fly-in descriptions and now trying to get it to load the extra li with style that would "highlight" the li.current-menu-item.</p>

<p>It sets up an object with: </p>

<pre><code>var $moving = $('&lt;li /&gt;',{
    class : 'move',
    top   : $selected[0].offsetTop + 'px',
        width : $selected[0].offsetWidth + 'px'
    });
</code></pre>

<p>Later in the code, it is manipulated with:</p>

<pre><code>function moveTo($elem,speed){
    $moving.stop(true).animate({
        top     : $elem[0].offsetTop + 'px',
        width   : $elem[0].offsetWidth + 'px'
    }, speed, 'easeOutExpo');
}
</code></pre>

<p>It creates the li item I want...but it shows up like this:</p>

<pre><code>&lt;li class="move" top="41px" style="width: 73px; "&gt;&lt;/li&gt;
</code></pre>

<p>How do I get the top to show up as a style? Everything is mostly working...but upon page load it's not getting the "top" style until everything starts?</p>

<p>I loaded up a <a href="http://jsfiddle.net/jq7YQ/26/" rel="nofollow">http://jsfiddle.net/jq7YQ/26/</a> but I can't get it to work there at all...sigh...but it does work locally?</p>

<p>I'm a rookie...so I'm probably missing something stupid...or there's a better way to do this? Any thoughts?</p>
