(We are running DNN 07.02.01)

I'm working with a skin that has a horizontal menu defined as:

<dnn:NAV runat="server" id="dnnNAV" ProviderName="DNNMenuNavigationProvider" IndicateChildren="false" ControlOrientation="Horizontal" CSSControl="mainMenu" Level="Same">

This works fine, but now we'd like to display child pages as a submenu when hovering over the parent page.

When I update the child pages to be included in the menu (from Page Management), they display within the main menu instead of a submenu.

So I end up with a main menu:

Root 1
Root 2
Root 3
Child 1
Child 2
Root 4
Root 5

Instead of:

Root 1
Root 2
Root 3 > Child 1, Child 2
Root 4
Root 5

I've tried a couple of combinations of settings (e.g., PopulateNodesFromClient, ExpandDepth, etc.) without any luck.

As I look at the page in Chrome, it does pick up the child pages as a separate unordered list.

<ul>
<li>Root 1</li>
<li>Root 2</li>
<li>Root 3</li>
<ul><li>Child 1</li>
<li>Child 2</li></ul>
<li>Root 4</li>
<li>Root 5</li>

Any ideas?