CSS menu – sub page selected item

Hi there,

My menu contains some secondary pages below the primary pages.
i’ve changed my website CSS in this way:

#containerfooter .menu li a:hover {background: #8CC63E}

#nav-main ul.sf-menu a:hover {background: #8CC63E; color: #ffffff;}

#nav-main ul.sf-menu > li.current-menu-item > a, #nav-main ul.sf-menu > li.current-menu-parent > a {background: #8CC63E; color: #ffffff;}

It’s neraly perfect, but when my mouse is on a secondary page, the background is right, but disappears the text color that i want white.

Can You help me? Thanks