hola,
he mirado con firebug y la estructura que me sale es esta
Código PHP:
<div class="menu1">
<div class="pages">
<ul id="menu-principal" class="menu">
<li id="menu-item-130" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-130">
<li id="menu-item-18" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-18">
<li id="menu-item-54" class="menu-item menu-item-type-taxonomy menu-item-object-category current-category-ancestor current-category-parent menu-item-54">
<li id="menu-item-55" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-55">
<li id="menu-item-56" class="menu-item menu-item-type-taxonomy menu-item-object-category current-menu-item menu-item-56">
<li id="menu-item-57" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-57">
</ul>
</div>
</div>
al crear el menu personalizado en menus de wordpress te crea automaticamente esto <ul id="menu-principal" class="menu"> donde "principal" es el nombre que le has dado al menu
Código PHP:
<div class="menu1">
<?php wp_nav_menu( array( 'container_class' => 'pages',
'theme_location' => 'primary' , ) );
?>
y he modificado el css a esto
Código PHP:
.menu1 { padding: 25px 0px 20px 0px; overflow: hidden;}
* html .menu1 { height: 1%; float: left;}
.menu1.pages { float: left;}
.menu1 .pages ul { border-left: solid 2px #ccc; float:left; }
.menu1 .pages li { display: inline; font: bold 14px/14px "Arial"; letter-spacing: -1px; float: left; border-right: solid 2px #ccc; height: 23px; }
.menu1 .pages li ul li { font-weight: normal; letter-spacing: normal;}
.menu1 .pages li a { color:#ff7e00; float: left; padding: 4px 8px 10px 8px;}
.menu1 .pages li a:hover { background: #000 url(images/pages-bot.png) no-repeat bottom center; color:#fff; text-decoration: none;}
.menu1.pages #menu-principal a:visited, .menu1 .pages #menu-principal a:hover { background: #000 url(images/pages-bot.png) no-repeat bottom center; color:#fff; }
.menu1 .pages #menu-principal #menu-item a, .menu1 .pages #menu-principal #menu-item a:visited { background: #fff; color:#ff7e00;}
.menu1 .pages #menu-principal #menu-item a:hover { background: #000 url(images/pages-bot.png) no-repeat bottom center; color:#fff; }
y lo unico que consigo es que se queden todas marcadas siempre
gracias