Chrome CSS Drop Down Menu Issue

I have a navigation bar with some nodes that have a drop down menu to show more options, everything works wonderfully in IE/Firefox but in Chrome on :hover the links go transparent instead of having a nice background color like in IE and Firefox.

Here is a JSFiddle, if you run it in Chrome and hover over the Admin option you will see the drop down and extended op开发者_Go百科tions, when hovering over those they should display similar to the top level items but they do not.

http://jsfiddle.net/6jX5J/

Anyone see any problems in the HTML or CSS?

Thanks!

Try changing you CSS selector from descendant to a child selector in:

#nav li:hover

Change to

#nav>li:hover