Problem With Sub Menu On Nav Bar

[bmwaldrop]

I'm building a site in wordpress (for the first time) and I'm having trouble with my sub nav bar. About is the only section that has a "sub menu." Currently, after "About" there is a large amount of space between "Support." The problem is with the sub menu. Right underneath the menu where all the space is, if you place the mouse just beneath it, the submenu links show up one by one. How can I change my css to prevent this from happening? Thanks.Link

[dsonesuk]

There does not seem to be any css styling for the submenu, for positioning or showing and hiding, there is a ref to a .sub-menu but your css targets a .subnav?? It looks like a totally wrong style sheet for this specific menu is being used. To get it to work in FF I put this together,

 #nav {    background: none repeat scroll 0 0 #577DA2;    border-bottom: 1px solid #FFFFFF;    font-size: 1.1em;    height: 32px;    width: 998px;}#nav ul, #nav li {    text-indent: 0;background-color:#577DA2;list-style:none; padding:0}#nav li {    position: relative;height:32px;}#nav li ul {    left: -999em;    position: absolute;    width: 200px;z-index:99;overflow:hidden;}#nav li ul li, #nav li ul li a {    width: 100%;}#nav li:hover ul {    left: 0;}#nav li, #subnav li {    float: left;    list-style: none outside none;}#nav a, #nav a:visited {    color: #FFFFFF;    font-weight: bold;    padding: 0px 10px;    text-decoration: none;display:block;height:100%;line-height:32px;}#nav a:hover, #nav a:active, li.current_page_parent a, li.current_page_parent a:visited, #nav li.current_page_item a, #nav li.current_page_item a:visited {    background: none repeat scroll 0 0 #295887;} 

[dsonesuk]

Don't use margin-left: 40px for menu anchor use padding instead #nav a, #nav a:visited { color: #FFFFFF; display: block; font-weight: bold; height: 100%; line-height: 32px; /*margin-left: 40px removed by dsonesuk;*/ padding: 0 20px; /*added by dsonesuk*/ text-decoration: none;} It should bring submenus in line with parent top menu