导航菜单中的嵌套LI不显示正确的背景颜色

Question

我有一个导航菜单，每个LI有不同的背景下边框。然后我希望每个子菜单在悬停时包含该背景边框。问题是我根据listItems的数量分配背景颜色。这是继承到我不想要的子菜单。如果您看到，某些子菜单比主菜单具有更多的LI，它们在经过与主菜单相同的数字后具有正确的背景色。我希望这一切都合情合理。

任何人都有一个想法，我如何让每个子菜单有自己的背景悬停？

起点：http://jsfiddle.net/trevoray/BgMAj/

.nav li:first-child + li:hover > a { 
background: #0f2992; 
color: white; 
} 

Answer 1

只需添加> a的ID悬停CSS：

#sub-members li:hover > a {} 

Updated Fiddle