Empty sub-menu bar style

Question

i'm using adf 10.1.3.41.57 and i've skinned my application using the mycompany skin. however, when i have a top level menu that doesn't have and sub-menus the bar that holds the sub-menu items disappears. i've tried setting the property:
af|menuBar::empty
width:100%;
background-color:#D2DEED;
background-image: url(/skins/mycompany/skin_images/PBMediumBkg.gif);
to no avail. the only thing i get is the background color, but no image is displayed. does anyone no of a way to display an image for the sub-menu when the sub-menu is empty?
thanks,
paul

Answer 1

actually, we're using jheadstart to generate the pages. the menu is generated in a region and here's the code below:
<af:menuTabs>
<af:commandMenuItem text="Plan Summary" onclick="return alertForChanges();" action="StartSummary" immediate="true"
selected="#{attrs.selectedTab=='Summary'}"
>
<f:actionListener type="oracle.jheadstart.controller.jsf.listener.DoRollbackActionListener"/>
<f:actionListener type="oracle.jheadstart.controller.jsf.listener.ResetBreadcrumbStackActionListener"/>
<af:resetActionListener/>
</af:commandMenuItem>
<af:commandMenuItem text="Plan Details" onclick="return alertForChanges();" action="StartPlanDetails" immediate="true"
selected="#{attrs.selectedTab=='PlanDetails'}"
>
<f:actionListener type="oracle.jheadstart.controller.jsf.listener.DoRollbackActionListener"/>
<f:actionListener type="oracle.jheadstart.controller.jsf.listener.ResetBreadcrumbStackActionListener"/>
<af:resetActionListener/>
</af:commandMenuItem>
<af:commandMenuItem text="Plan Rate" onclick="return alertForChanges();" action="StartPlanRates" immediate="true"
selected="#{attrs.selectedTab=='PlanRates'}"
>
<f:actionListener type="oracle.jheadstart.controller.jsf.listener.DoRollbackActionListener"/>
<f:actionListener type="oracle.jheadstart.controller.jsf.listener.ResetBreadcrumbStackActionListener"/>
<af:resetActionListener/>
</af:commandMenuItem>
<af:commandMenuItem text="WSF" onclick="return alertForChanges();" action="StartWSF" immediate="true"
selected="#{attrs.selectedTab=='WSF'}"
>
<f:actionListener type="oracle.jheadstart.controller.jsf.listener.DoRollbackActionListener"/>
<f:actionListener type="oracle.jheadstart.controller.jsf.listener.ResetBreadcrumbStackActionListener"/>
<af:resetActionListener/>
</af:commandMenuItem>
<af:commandMenuItem text="Non WSF" onclick="return alertForChanges();" action="StartNonWSF" immediate="true"
selected="#{attrs.selectedTab=='NonWSF'}"
>
<f:actionListener type="oracle.jheadstart.controller.jsf.listener.DoRollbackActionListener"/>
<f:actionListener type="oracle.jheadstart.controller.jsf.listener.ResetBreadcrumbStackActionListener"/>
<af:resetActionListener/>
</af:commandMenuItem>
</af:menuTabs>
paul