I'm currently working on customizing a solution I stumbled upon on Nettuts to fit my specific requirements. Everything seems to be functioning well, except for a peculiar issue I'm encountering while hovering over a top-level navigation element that contains a sub-navigation menu—the shadow beneath that particular element disappears and doesn't reappear. You can access the Nettuts tutorial here.
Below is an excerpt of the HTML code:
<div class='navbar'>
<div class='content'>
<nav id='topNav'>
<ul>
<li>
<a class='nav home' href='/' title='Home'>Home</a>
</li>
<!-- more code here -->
</ul>
</nav>
</div>
</div>
Here is the CSS snippet:
/* Your CSS styles go here */
Lastly, here's the JavaScript section:
$(document).ready(function() {
// Your JavaScript logic goes here
});