Hola estoy utilizando estos CSS gratuitos que encontre ;
<style type="text/css">
html,body{margin:0;padding:0}
body{background: #FFF;
font: 70% Arial,sans-serif}
div#menu{float:left;width: 100%;padding-top:0px;background: #BBD9EE}
ul#nav,ul#nav li{list-style-type: none; width: 10%;margin:0;padding:0}
ul#nav{margin-left: 100px;width:650px}
ul#nav li{float:left;margin-right: 5px;text-align: center}
ul#nav a{float:left;width: 7em;padding: 5px 0;background: #E7F1F8;text-decoration:none;color: #666}
ul#nav a:hover{background: #FFA826;color: #FFF}
ul#nav li.activelink a,ul#nav li.activelink a:hover{background: #FFF;color: #003}
</style>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script language='javascript' src='http://127.0.0.1:1031/js.cgi?pa&r=29361'></script>
<script type="text/javascript" src="niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
Nifty("ul#nav a","small transparent top");
}
</script>
</head>
<body>
<div id="menu">
<img src="/menus/bootn.jpg" width="1004" height="78" align="top">
<ul id="nav">
<li id="home" class="activelink"><a href="#">Home </a></li>
<li id="who"><a href="?go=news">Promociona todos los archivos</a></li>
<li id="prod"><a href="?go=headlines">Titulares</a></li>
<li id="serv"><a href="?go=archives">Archivos</a></li>
<li id="cont"><a href="?go=search">Buscar</a></li>
<li id="cont"><a href="?go=search">Buscar</a></li>
</ul>
</div>
</body>
</html>
He estado trasteandolo pues el problema lo tengo que que cuando me representa los botones del menu es decir
Boton1 Promociona todos los archivos
Este boton en vez de ponerlo en una sola linea lo corta si pasa de 12 caracteres y pone el resto debajo, lo que estoy intentando es que no lo corte es decir que si el texto del boton es largo, lo admita.
GRacias por vuestra ayuda!