CODEWITHSUNDEEP
htmlcssgoogle-chrome
Jimmy
Jimmy

Reputation: 9815

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 options, 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!

Upvotes: 0

Views: 2373

Answers (1)

Brian Fisher
Brian Fisher

Reputation: 23989

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

#nav li:hover

Change to 

#nav>li:hover

Upvotes: 2

Related Questions