Why do I get a NO SIGN (IE8 and FF) when I mousedown to drag this??? Once you mouseup, you can drag it around without the NO SIGN....
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.4.1.min.js"></script>
</head>
<img id="test" src="controlHANDLE.png" style="position:relative;">
<script>
$(function() {
var testLISTENER;
$("#test").mousedown(function(e) {
controlLISTENER = function(e) {
var x = e.pageX;
var y = e.pageY;
$("#test").css({ 'left' : x});
$("#test").css({ 'top' : y});
}
$("body").bind("mousemove", controlLISTENER );
})
})
</script>
</body>
</html>