Twentyten navigation dropdowns

you may have a margin around the nav tabs, or a small gap between the main link and the drop down, out of other reasons.

(depends on the scope of your modifications)

without a link to the site(s) with the problem, there is not much more to suggest as help.

Unfortunately, the three sites I’m using the new twentyten theme on are currently all in maintenance mode because they haven’t launched yet! You did give me some direction, however, I will look at my CSS for the navigation and see what I can find…

The other issue, is that I’ve never been able to get the navigation menu to center, no matter what I’ve tried in the css. I think it’s just something with the twentyten theme, but has anyone gotten it to center correctly?

If it helps, here is the css for the menu:

/* =Menu
————————————————————– */

#access {
background-position: left top;
background-repeat: no-repeat;
background-image: url(‘images/button_bg.png’);
margin: 0 auto;
width: 950px;
display:block;
float:left;
border-bottom: 3px #FFFFFF solid;
}
#access .menu-header,
div.menu {
font-size: 14px;
margin-left: 12px;
width: 938px;
}
#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-header li,
div.menu li {
float:left;
position: relative;
}
#access a {
display:block;
text-decoration:none;
color:#58666F;
padding:0 12px;
line-height:23px;
}
#access ul ul {
display:none;
position:absolute;
top:24px;
left:7px;
float:left;
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
width: 150px;
z-index: 99999;
}
#access ul ul li {
min-width: 150px;
}
#access ul ul ul {
left:100%;
top:0;
}
#access ul ul a {
background:#D9EBF7;
height:auto;
line-height:1em;
padding:5px;
width: 150px;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
#access li:hover > a,
#access ul ul :hover > a {
color:#03A0C1;
}
#access ul li:hover > ul {
display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
color: #03A0C1;
}

* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color:#03A0C1;
}