Hey guys,

I've been working on this menu for some time now, and while my understanding of xhtml/css/php is pretty good, js still gives me a hard time very often.

http://megazee.tv/

The main blue menu at the top, im using this suckerfish method (http://be.twixt.us/jquery/suckerFish.php)

For some reason on mine though it's not fading. I have tried to replicate it exactly but I don't seem to see the problem.

Here's what I'm calling in the header:

Code:
<script src="js/jquery-1.4.1.min.js" type="text/javascript"></script> 
 
<script type="text/javascript"> 
	
	$(document).ready(function(){
	$("#nav-one li").hover(
		function(){ $("ul", this).fadeIn(3000); }, 
		function() { } 
	);
	if (document.all) {
		$("#nav-one li").hoverClass ("sfHover");
	}
});
 
$.fn.hoverClass = function(c) {
	return this.each(function(){
		$(this).hover( 
			function() { $(this).addClass(c);  },
			function() { $(this).removeClass(c); }
		);
	});
};
</script>

Here is my menu:

Code:
<div id="mainmenu"> 
<ul id="nav-one" class="nav"> 
			<li> 
				<a href="#item1">Home<br/><span class="submenusmall">Site Frontpage</span></a> 
				
			</li> 
			<li> 
				<a href="#item1">See Us Live<br/><span class="submenusmall">Attend Our Workshop!</span></a> 
				<ul> 
					<li><a href="#item2.1">Mission Statement</a></li> 
					<li><a href="#item2.2">Get on the Show</a></li> 
					<li><a href="#item2.2">Recent Episodes</a></li> 
				</ul> 
			</li> 
			<li> 
				<a href="#item1">Consulting<br/><span class="submenusmall">We Can Help You</span></a> 
				<ul> 
					<li><a href="#item3.1">Testimonials</a></li> 
					<li><a href="#item3.2">Subscribe Now</a></li> 
				</ul> 
			</li> 
			<li> 
				<a href="#item1">Business<br/><span class="submenusmall">Investment Opportunities</span></a> 
				<ul> 
					<li><a href="#item4.1">Home Owner Finance</a></li> 
				</ul> 
			</li> 
			<li> 
				<a href="#item1">Community<br/><span class="submenusmall">Prosperity Through Charity</span></a> 
 
			</li> 
		</ul> 
 
	</div>