When using the menu inside a fixed div position, it seems the submenu container sets the top position in the wrong spot thus not working at all.  I am needing the fixed position for scrolling purposes throughout site, but really need this to work.

Thoughts?

I am trying to use the following:

     <div id="submenu">
        <div class="nav-info">
              <div id="nav" class="nav">
                <dnn:NAV runat="server" id="dnnNAV" Level="Root"  ProviderName="DNNMenuNavigationProvider" 
                    CssControl="" IndicateChildren="false" PopulateNodesFromClient="True" CSSContainerSub="submenu-wrap">
                <CustomAttributes><dnn:CustomAttribute Name="RenderMode" Value="UnorderedList" /></CustomAttributes>
                </dnn:NAV>
                </div>
        </div>
    </div>

The CSS looks like:

#submenu{position:fixed;left: 0;top:0;width:100%;margin:0 auto;background: #2f3d4a no-repeat top center;border-bottom:solid 1px #000d15;}
            .nav-info{margin: 0 auto;width:1064px;max-width:1064px; min-width:1064px;}
.nav{margin:0 auto;width:1064px;float:left;border-left-style: solid;border-left-width: 1px;border-left-color: #000d15;}
.nav ul {padding: 0;margin: 0;list-style: none;}
.nav li{float: left;border-right-color: #000d15;border-right-width: 1px;border-right-style: solid;display:inline !important;background: #2f3d4a;padding-right: 10px; padding-left: 10px;position:relative;}
.nav li:hover{background: #5c6c78 url(images/fabric-bg.jpg) repeat top left;z-index:10000;} 
.nav li.bc{}
.nav a, .nav a:visited, .nav a:link{letter-spacing: 1px;font-size: 14px;color: #ffffff;text-shadow: 1px 1px 1px #2f3d4a;}
.nav a:hover, .nav a.hov{text-decoration:none;}
.nav li.bc a, .nav .sel a, .nav a:active{color:#fff;}
.nav li.bc a:hover, .nav .sel a:hover, .nav a:active:hover{}
.nav .submenu-wrap{margin:0 auto;float:left;display:block;z-index:1001;top:25px;
                  border-right-color: #000d15;border-right-width: 1px;border-right-style: solid;
                  border-bottom-color: #000d15;border-bottom-width: 1px;border-bottom-style: solid;
                  border-left-color: #000d15;border-left-width: 1px;border-left-style: solid;
                  border-top-color: #000d15;border-top-width: 1px;border-top-style: solid;}
.nav .submenu-wrap li{float:none;display:block !important;background: #2f3d4a;padding-right: 10px; padding-left: 10px;height:25px;}
.nav .submenu-wrap li.last{border-bottom:none;height:25px;}
.nav .submenu-wrap li:hover{background: #5c6c78 url(images/fabric-bg.jpg) repeat top left;}
.nav .submenu-wrap li.bc, .nav .submenu-wrap li:hover a, .nav .submenu-wrap li.bc a{cursor:pointer;color:#fff;height:25px;}
.nav .submenu-wrap a, .nav .submenu-wrap a:visited, .nav .submenu-wrap a:link{font-size:12px;color:#fff;text-shadow:none;height:25px;}
.nav .submenu-wrap a:hover, .nav .submenu-wrap a.hov{color:#fff;border:none;height:25px;}
.nav .submenu-wrap li.bc a, .nav .submenu-wrap .sel a, .nav .submenu-wrap a:active{color:#fff;height:25px;}
.nav .submenu-wrap img{padding-right:10px;}