導航菜單中的嵌套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