Menu & Sub-menu hover colors

I have successfully changed my hover colors on both my main menu and my sub menus. However, when I hover over a parent page, my sub menu shows up and then when I hover over a sub menu item the parent page on my main menu stays highlighted along with my sub-page that I am hovering over. How do I change the coding so that my hover color highlights only the sub-menu page and not both the menu page and sub-menu pages at the same time?
this is my coding as of now:

.genesis-nav-menu .menu-item:hover {
position: static;
background: #F3E2A9;
}

.genesis-nav-menu .sub-menu .current-menu-item > a {
color: #999;
}

.genesis-nav-menu .sub-menu a:hover,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
color: #010101;
background: #F3E2A9;