Change Background Image with CSS using div.selected

Hi,

I have a menu (based on a menu from Dynamic Drive) where the background image of each menu item changes when the mouse hovers over it.  The problem I'm having is there are two types of menu items (with flyout and without flyout).  I have it working for the with flyout menu, but can't get the without flyout to work because there are multiple div styles applied.   I think I need to have 2 entries in the css: one for "with flyout selected" and one for "without flyout selected", but I can't figure out how to do it.

I've put a sample on JSFiddle here: https://jsfiddle.net/sjsimpson2000/gq71mpee/5/

Thanks!