Вы можете решить вашу проблему с помощью следующего изменения в вашем CSS:
вы должны использовать «li: hover a» вместо «li a: hover»:
#menu-main-menu li:hover a {
background: #afffaf;
}
Это должно сработать, потому что даже когда вы находитесь в подменю, li: hover по-прежнему считается активной таблицей стилей, но не "li a: hover".