Como te dije en el primer mensaje, puedes probar a hacer esto:
- envuelve tu lista en una caja:
Cita: <div class="scrollable">
<div id="lista">
<ul class="navi">
<li><a><1></a></li>
<li><a><2></a></li>
<li><a><3></a></li>
<li><a><4></a></li>
<li><a><5></a></li>
<li><a><6></a></li>
<li><a><7></a></li>
<li><a><8></a></li>
<li><a><9></a></li>
<li><a><10></a></li>
<li><a><11></a></li>
<li><a><12></a></li>
<li><a><13></a></li>
<li><a><14></a></li>
<li><a><15></a></li>
</ul>
</div> - añade ese selector a la css de esta manera:
#lista { height: 75px;
width: 470px;
overflow: auto;
position: relative;
left:39px;
}
- ahora modifica el selector del ul:
ul.navi {height:1.45em;
margin:20px 0pt 0pt;
padding:0px;
position:relative;
top:10px;
width: 800px;
}
Esto hará que la lista de las pestañas tenga un scroll horizontal en lugar de salir en dos líneas. Si añades más pestañas, tendrás que agrandar el tamaño de la lista (width).
No creo que haya una forma de hacerlo automático.
Pruébalo con detenimiento y exactitud, a ver qué pasa.