I have configured the DNN Menu with belows codes:

The submenu can be shown with Horizontal. but the submenu only show on the left of the page but no blow the root menu.  How can I make the submen show below the root (Selected) menu with Horizontal styles. thanks

%@ Register TagPrefix="dnn" Namespace="DotNetNuke.UI.Skins" Assembly="DotNetNuke" %>

<dnn:NAV runat="server" id="dnnNAV" ProviderName="DNNMenuNavigationProvider" CSSControl="main_dnnmenu_bar" CSSContainerRoot="main_dnnmenu_container" CSSNode="main_dnnmenu_item" CSSNodeRoot="main_dnnmenu_rootitem" CSSIcon="main_dnnmenu_icon" CSSContainerSub="main_dnnmenu_submenu" CSSBreak="main_dnnmenu_break" CSSNodeHover="main_dnnmenu_itemhover" NodeLeftHTMLBreadCrumbRoot="<img alt=&quot;*&quot; BORDER=&quot;0&quot; src=&quot;breadcrumb.gif&quot;/>">
  <CustomAttributes>
    <dnn:CustomAttribute Name="submenuorientation" Value="Horizontal" />
  </CustomAttributes>
</dnn:NAV>

I want to get the feelings like this. but the submenu is not always from the left.

http://www.wireless.att.com/businesscenter/

Who can give some guidances based on DNN, many tks.