When using other browsers, there are no issues. However, in Chrome, a gray background color appears when hovering over the menu, and partially or completely disappears when moving the mouse away from the menu. Interestingly, it also vanishes completely when inspecting the element with Firebug. Here is a snapshot. CSS for the Page
body
{
font-size: .80em;
font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
background-color: #d0e2e0;
/* Other styles omitted for brevity */
}
/* Additional CSS styles for different elements on the page */
<p><strong>CSS for the Menu</strong></p>
<pre><code>.grid_12 {
display: inline;
float: left;
margin-left: 5px;
margin-right: 20px;
position: relative;
}
#ns_nav-main li li ns_last {
/* Other styles related to navigation menu omitted for brevity */
}
ul.ns_sidenav li.selected a:hover {
color: #FFFFFF !important;
}
ul.ns_sidenav li a {
color: #333333;
height: 44px;
line-height: 40px;
padding-left: 20px;
}
Your help on this matter would be highly appreciated.
Thank you.