jQuery - change background image on mouseover but not if element is selected?
<p>I need set a background image on mouseover, but not if the element is selected. </p>

<p>Im using the jscrollpane:
<a href="http://jscrollpane.kelvinluck.com/" rel="nofollow">http://jscrollpane.kelvinluck.com/</a></p>

<p>I need I need the scrollbar (div.jspDrag) to have a different background image when a users hovers their mouse over it. However I need the background image to change back to its original when the drag the scrollbar. </p>

<p>The hover pseudo-class is standard, but how do i recognize if the element is being dragged? Should I have a jquery listener to see if the mouse button is being held down? </p>

<p>Thanks</p>

<p>EDIT
Ive tried the following but it does nothing:</p>

<pre><code>$("document").ready(function() {
    $(".node-type-collection-public .jspDrag").mouseenter(function() {
        $(this).css("background-color","red");
    });
});
</code></pre>
