Foristas, estoy adaptando el css de un theme wordpress. Lo que buscaba era achicar la barra de navegación y centrarla, lo logré, pero, los border top y botton los
muestra bien es IE, pero no en Chrome y Mozilla.
Qué puede ser? seguro que cuando modifiqué el header, pues le agregué un contenedor a la barra de navegación. Les dejo los códigos e imágenes.
MUCHAS GRACIAS
Codigo:
En Header
<div id="cnavi">
<div id="navi">
<div id="navi-in">
<ul id="nav">
<li class="page_item"><a href="<?php echo get_option('Portada'); ?>/">Home</a></li>
<?php wp_list_pages('depth=1&sort_column=menu_order&titl e_li=' . ('') . '' ); ?>
</ul>
<div id="search">
<?php include (TEMPLATEPATH . '/searchform.php'); ?>
</div><!--search end -->
</div
CSS:
/*nav start ----------------------------------------------- */
#cnavi
{
margin:0px auto;
width:960px;
height:40px;
border-left:1px solid #e2e2e2;
border-right:1px solid #e2e2e2;
padding-bottom:5px;
background:#FFFFFF;
}
#navi {
margin:0px auto;
width:940px;
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
background:#FFFFFF;
}
#navi-in {
margin:0px auto;
}
#nav {
float:left;
list-style: none;
margin:0px 0 0 0;
padding-left:0;
width:500px;
}
#nav li {
float: left;
border-right:1px solid #e2e2e2;
}
#nav .page_item a {
color: #555;
text-decoration: none;
padding: 9px 10px 8px 10px;
font: bold 12px Arial, Helvetica, sans-serif;
text-transform:none;
display: block;
}
#nav .page_item a:hover {
color: #fff;
background:#335577;
}
#nav .current_page_item a, #nav .current_page_item a:visited {
color: #fff;
background:#335577;
text-decoration: none;
}