muchas gracias excelente forma pero a mi código es un poco diferente pues veras yo solo te pase un 2% de el con mis nav tengo una barra de herrramienta y css de ella para que dependiendo del navegador se vea asi: <nav>
<ul>
<li><a class="active-menu" href="index.php"><i class="fa fa-home">   </i>Inicio</a></li>
<li><a class="active-menu" href="eventos.php"></span>Eventos</a></li>
<li><a class="active-menu" href="nomina.php">Nomina</a></li>
<li><a class="active-menu" href="Galeria.php"><span class="glyphicon glyphicon-camera">Galeria</a></li>
</ul>
</nav>
---HTML
header{
height: 66px;
margin: 1px ;
width: 10px;
border-radius:2px,4px;
margin-right: 3px ;
}
nav{
/*Bordes redondeados*/
-webkit-border-radius:25px;/*Para chrome y Safari*/
-moz-border-radius:20px;/*Para Firefox*/
-o-border-radius:15px;/*Para Opera*/
border-radius:10px;/*El estandar por defecto*/
background-image: -webkit-gradient(linear, left top, center bottom, from(#26C2F7), to(#26C2F7));/*Para chrome y Safari*/
/*Degradados*/
background-image: -moz-linear-gradient(top center, #26C2F7, #26C2F7);/*Para Firefox*/
background-image: -o-linear-gradient(top, #17B98E, #CCC);/*Para Opera*/
background-image: linear-gradient(top, #17B98E, #CCC);/*El estandar por defecto*/
overflow:hidden;
height: auto;
padding:11px;
margin: center;
overflow: hidden;
text-align: left;
width: 1350px;
display: inline-table;
}
nav ul{
list-style:none;
margin:0 10px 0 10px;
padding:0;
list-style-type: none;
position: relative;
left: 50%;
clear:left;
float:left;
text-align: left;
}
nav ul li{
/*Bordes redondeados*/
-webkit-border-radius:25px;/*Chrome y Safari*/
-moz-border-radius:25px;/*Firefox*/
-o-border-radius:5px;/*Opera*/
border-radius:5px;/*Estandar por defecto*/
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
margin-right:14px;
text-align:left;
/*Sombras para texto, los mismos parametros que box-shadow*/
text-shadow: 0px 1px 0px #FFFFFF;
position: relative;
right: 160%;
}
nav ul li a{
color:white;
display:block;
padding:10px;
text-decoration:none;
/*Transiciones*/
-webkit-transition: 0.25s linear all;
-moz-transition: 0.25s linear all;
-o-transition: 0.25s linear all;
transition: 0.25s linear all;
}
nav ul li a:hover {
color:#000;
background-color:#000;
color:#FFF;
text-decoration:none;
padding:10px 15px;
display:inline-table;
margin: 0;
}
a .href{
margin-right: 4px;
left: 40px;
right: 20px;
} y uso bootstrap para mi codigo pero Thanks por tu ayuda me sirviera para muchas cositas pero tendré en cuenta lo del table tbody que de verdad ahh sido un error no colocarlo ;)...