odd accordion menu error

[blacknight]

ive been 3 days trying to figure out what the issue is with this menu

 

you can see it here http://beta.wowroster.net/index.php?p=char-achievements&a=c:251

 

the problem is if you click to expand "quests" then when you try and hover over "Exploration" you get some funky issue

 

this is the css

#rp_menu ul{margin:0;display:block;padding:0 0 0 10px;background:url(images/achv_lnav_bg.jpg) repeat-y;list-style-type:none;list-style-position:outside;width:165px; float:left;
position:relative;line-height:22px;}

#rp_menu ul li { display:block;color:#e7d6b8; margin:1px 5px 1px 5px;text-indent:5px;width:158px;}
#rp_menu ul li.selected { background:url(images/achv_lnav_sel.png);text-indent:5px;width:158px;color:#C79C6E;}
#rp_menu ul li.selected a { color:#C79C6E;}
#rp_menu ul li:hover { color:white; background:url(images/achv_cat_hover.png) right repeat-y;text-indent:5px;width:158px; height: 22px;}
#rp_menu ul li a { background:none;zoom:1; }
#rp_menu ul li ul{display:none; background:url(images/achv_sel_sub_bg.png) bottom left no-repeat;width:152px;padding:4px 0px 6px 6px; margin:0 0 10px 0;}
#rp_menu ul li ul li { display:block;color:#ABD473; margin:1px 5px 1px 5px; width:144px;text-indent:3px;}
#rp_menu ul li ul li a{ color:#ABD473;}
#rp_menu ul li ul li.selected2 { background:url(images/achv_lnav_sel.png);text-indent:5px;width:148px;color:#ABD473;}
#rp_menu ul li ul li.selected2 a{ color:#ABD473;}
#rp_menu ul li ul li:hover {background:url(images/achv_sub_hover.png)repeat-y; color:#AA5303;height: 22px;width:148px;}

 

and thsi is the jquery code

$(document).ready(function () {
$('#menu li').children('ul').slideUp('fast');
$('#amain > div#s81').show();
var parent;
$('#menu li').click(function(e) {
	if ($(this).parents('li').size() > 0 ) 
	{
		//Has parent LI, so this is a child comment
		$(this).siblings().removeClass("selected2"); //Remove any "active" class
		$(this).addClass("selected2"); //Add "active" class to selected tab
		$('div#amain > div').hide();
		$("#amain > div#"+this.id).show();
		parent = true;
		return true;
	}
	else
	{
		if (!parent)
		{
			//Has no parent LI, top level comment
			$('div#amain > div').hide();
			$("li.menu_head").removeClass(" selected"); //Remove any "active" class
			$(this).addClass(" selected");
			$('#menu li').children('ul').slideUp('fast');
			$("#amain > div#"+this.id).show();
			$('li.menu_head#'+this.id+' > ul#sub').slideDown('400').show();
		}
		parent=false;
	}
});



});

 

any one have any ideas?

[anevins]

I don't see the problem or funky issue, what is the problem?

[blacknight]

um yea thats because id allready fixed it and for got to say so opps..