Gang,<div><br></div><div>I&#39;m using nice menus. Primary nav has a background for a hover state. Some of the primary navs have children which are drop-downs as implemented via Nice Menus.</div><div><br></div><div>The problem I am having is that I want the hover state for the primary nav to stick when using the drop down. Right now, when you mouse down over the dropdown links the hover state disappears.</div>
<div><br></div><div>The relevant css is:</div><div><br></div><div><div>#primary ul a {</div><div> background-color: #ffffff;</div><div>}</div><div><br></div><div>#primary ul a:hover {</div><div>  background-color: #e7e7e7; // I want this declaration to stick, even when the children are being hovered over!</div>
<div>}</div></div><div><br></div><div><div>#primary ul li ul li a {</div><div>  background-color: #e7e7e7;</div><div>}</div></div><div><br></div><div><div>#primary ul li ul li a:hover { </div><div>  color: #ffffff; </div>
<div>  background-color: #0f6cb6; </div><div>  }</div></div><div><br></div><div>Help would be much appreciated.</div><div><br></div><div>Shai</div><div><br></div>