Thanks for the suggestion of the NAV menu.  I'd rather not have to replace the whole menu at this point but if it's what will fix the problem then I guess I can.  I didn't see a link in the email... was I missing something?  Is there a good link to a skinning reference for the nav menu?  I usually end up guessing properties and it is a pain.

Thanks so much for your help!!

Timo,

Thank you for the assistance.  I was using the nav menu but I didn't know there was an option to use the unordered list (the documentation doesn't even explain this).  I have implemented the unordered list but can now not get it to format correctly. It will not insert an image before the menu item, which is essential.  What am I missing?

Here is my code:

     <div id="menu">

       

       

            <dnn:NAV runat="server" ID="dnnNAV" ExpandDepth="3" PopulateNodesFromClient="false" ProviderName="DNNMenuNavigationProvider" IndicateChildren="false" ControlOrientation="Horizontal" CSSControl="AllMenu" SeparatorLeftHTML="<img src='/images/orangearrow.jpg' style='vertical-align:text-bottom;'/>" ControlAlignment="left">

                 <CustomAttributes>

                    <dnn:CustomAttribute Name="RenderMode" Value="UnorderedList" />

                </CustomAttributes>

            </dnn:NAV>

        </div>

        <div id="SubMenuHor" class="SubMenu">

            <dnn:NAV runat="server" ID="dnnNAV2" StartTabId="<%#Portalsettings.Activetab.Breadcrumbs(0).TabId%>" Level="Child" ProviderName="DNNMenuNavigationProvider" IndicateChildren="false" ControlOrientation="Horizontal" CSSControl="AllMenu">

                 <CustomAttributes>

                    <dnn:CustomAttribute Name="RenderMode" Value="UnorderedList" />

                </CustomAttributes>

            </dnn:NAV>

        </div>

               

    </div>

My CSS looks like this:

ul.AllMenu{    cursor: pointer;

    height: 16px;

    background-color: Transparent;

                border:none;

                text-align:left;

}

.AllMenu  li {    cursor: pointer;

    color: black;

    font-family: Tahoma, Arial, Helvetica;

    font-size: 10.5px;

    font-weight: normal;

    font-style: normal;

    background-color: Transparent;

                text-align:left;

                border:none;

                padding: 5px;

}

.SubMenu li {width:100px;margin-bottom:5px;background:#cccccc



My menu looks like this -- http://myriad.digitalsmartworks.com/H... but it supposed to look like this http://www.myriadsystems.com.

Any ideas??  

Many thanks!
Kristine