I need to change the color when primary menu is active

Menu hover is working as following:

.primary-menu-inner ul.sf-menu li:hover {
background: #CCCCCA url(../images/nav-bg-white-hover.gif) top left repeat-x;
border-bottom: 0px solid #FFFFFF;
}

Menu active is not working:

.primary-menu-inner ul.sf-menu li a.active {
background: #CCCCCA url(../images/nav-bg-green.gif) top left repeat-x;
border-bottom: 0px solid #00FF00;
}