ui-slider-handle not sliding
<p>Modularity theme
<a href="http://pobyworld.com" rel="nofollow">http://pobyworld.com</a>
I replaced the default slider handle in the content slider with a red arrow image. It worked perfectly for 2 years. Suddenly the arrow no longer slides through the thumbnail slider. Here's the css</p>

<pre><code>#content-slider {width: 930px; height: 10px; z-index:1; margin-left:10px; position: relative; -moz-border-radius:4px;-webkit-border-radius:4px}
</code></pre>

<p>.ui-slider-handle { background: url(/wp-content/uploads/2010/05/arrow.png) no-repeat; height: 16px; width: 32px; overflow: hidden; position: absolute; top: -3px;margin-left:-10px;}  </p>

<p>The js:</p>

<pre><code>if ($(".ui-slider-handle", this.element).length == 0)
        $('&lt;a href="#"&gt;&lt;/a&gt;')
            .appendTo(this.element)
            .addClass("ui-slider-handle");

    if (o.values &amp;&amp; o.values.length) {
        while ($(".ui-slider-handle", this.element).length &lt; o.values.length)
            $('&lt;a href="#"&gt;&lt;/a&gt;')
                .appendTo(this.element)
                .addClass("ui-slider-handle");
    }

    this.handles = $(".ui-slider-handle", this.element)
        .addClass("ui-state-default"
            + " ui-corner-all");
</code></pre>

<p>Any ideas why it may have stopped working?
Thank you ever so much!</p>
