The menu I created in Magento is functioning correctly in Firefox. When I hover over the menu in Firefox, it works fine, but I am not seeing any hover effects in Chrome. Here is how my hover style is defined:
#nav {
width:965px;
margin: 0 191px -16px;
font-size:10px;
position: relative;
z-index: 10;
margin:auto;
}
/* All Levels */ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.active { display:block;background-color: #632755; margin-top: 1px; }
#nav li:hover { display:block; background-color:#ddaacc; margin-top:1px; }
...
And here is an example of the HTML structure:
<div class="nav-container">
<ul id="nav">
<!-- Menu items go here -->
</ul>
</div>