CSS Question

I am developing a site and using Super Fish as a menu. I can't figure out how to fix this one tiny issue in my main menu, so was hoping I could get some help. My menu is white text on a black background. When I hover over the menu item, the text switches to black and the background to white. However when I move the mouse out of the hover state and into the drop down menu, the background stays white but the text changes to white also. You can see the example here:

http://dev.bkwinery.com/

Below is what i have for the CSS.

.main-menu-inner ul.menu li a:link, .main-menu-inner ul.menu li a:visited, .main-menu-inner ul.sf-menu li a:link, .main-menu-inner ul.sf-menu li a:visited {
border-left: 1px solid #ffffff;
color: #ffffff;
}

.main-menu-inner ul.sf-menu li a:hover {
border-left: 1px solid #ffffff;
color: #000;
background: #fff;
}

Any help will be greatly appreciated!