I am trying to create a tabbed menu look.  I am very close, but cannot get the left and right html separator images to display.  I am not even getting red image not found error boxes, so not sure if code is even getting triggered properly.  Here is the relevant ASCX code:

<dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU"
        Display="Horizontal"
        useskinpatharrowimages="true"
        userootbreadcrumbarrow="false"
        usesubmenubreadcrumbarrow="false"
        leftseparator="<img src=&quot;OffL.gif&quot;>"
        rightseparator="<img src=&quot;OffR.gif&quot;>"
        leftseparatoractive="<img src=&quot;OnL.gif&quot;>"
        rightseparatoractive="<img src=&quot;OnR.gif&quot;>"

        rootmenuitemcssclass="MainMenu_Off"
        rootmenuitemactivecssclass="MainMenu_Active"
        rootmenuitemselectedcssclass="MainMenu_Selected"
        rootmenuitembreadcrumbcssclass="MainMenu_BreadcrumbActive" />

Here is the relevant Skin.css code:

.MainMenu_Off     { background: url(OffM.gif) height: 28px;}
.MainMenu_BreadcrumbActive { background: url(OnM.gif) color: White; height: 28px;}   

.MainMenu_Selected   { background: url(OffM.gif); height: 28px;}   
.MainMenu_Active   { background: url(OnM.gif) height: 28px; color:white;}   
.MainMenu_Over     { background: url(OnM.gif) height: 28px;}

Ehh.. these examples don't look very nice in FF or Opera...
I would use css nav menu for this

---

If we are seeing the same issue, I believe I fixed it by simply changing the default height of the menu item from 28 to 26, as firefox/opera were showing the repeating image below each tab.   If there is something else you see wrong let me know.

---