Navigation Menu

[Topic decapped – please do not “yell” here]

Building a custom menu in a child theme built on twenty ten. It’s working fine, except the hover images will not activate as I drag my draggable image across them. They go to the links that’re supposed to when I release the draggable image. They just won’t activate the hover images. I’m sure this has to do with the z-index. I simply can’t figure out how to change it. Can anyone help with this? The url is https://turner.pdstest.com/

Here is the jquery. I’m sure it’s now a css problem though not a jquery problem.

<script>
/*(function($,window,undefined){
  $(function(){
    var $im = $("#im");

    $im.mouseup(function(e){
	var widt = $im.width(),
            pos = $("#im").offset()['left'],
	    left = 0,
	    $menu = $("#menu-main-menu a"),
	    hrefURL = "";
	//if(isNaN(pos)){ pos = 0; }
	console.log(pos);
	if(pos < ($($menu[0]).offset()['left'])){ pos = $($menu[0]).offset()['left']; }
	$menu.each(function(){
	  var $this = $(this),
	      left = $this.offset()['left'];
	      right= left + ($this.outerWidth()/2);

	  if((pos >= left) && (pos < right)){
		hrefURL = $this.attr("href");
	  }
	});
	window.location = hrefURL;
    });
  });
})(jQuery,window);*/
</script>

[Please use the code buttons when posting code here]