The javascript isn't my great fore. So how should the script be written to force the parent li to stay hovered (highlighted) while hover the submenu? Here's example of drop down: http://deafiron.com/mdd/test2.html

nav buildup:
Code:
<div class="navs"> 
	<ul id="nav" class="clear">
		<li><a href="#">Sideline</a> 
			<ul></ul>
		</li>
		<li><a href="#">League</a> 
			<ul>
				<li><a href="#">submenu</a></li>
				<li><a href="#">submenu</a></li>
				<li><a href="#">submenu</a></li>
			</ul>
		</li>
		<li><a href="#">Scoreboard</a> 
			<ul>
				<li><a href="#">submenu</a></li>
				<li><a href="#">submenu</a></li>
			</ul>
		</li>
		<li><a href="#">Resources</a> 
			<ul>
				<li><a href="#">submenu</a></li>
			</ul>
		</li>
		<li><a href="#">Contact</a> 
			<ul></ul>
		</li>
	</ul>
</div>

Thanks,

jace