Válido para XHTML 1.0 Estrícto + CSS
El código:
<style type="text/css">
#menu h2{display:none}
#menu ul{list-style:none;margin:0;padding:0;overflow:hidden;}
#menu li{width:20%;float:left;}
#menu a{text-align:center;text-decoration:none;display:block;outline:none;}
#menu a:link, #menu a:visited{color:#fff;background:#00f;border:#009 solid 1px;}
#menu a:hover{color:#000;background:#0f0;border:#090 solid 1px;}
#menu a:focus, #menu a:active{color:#000;background:#f00;border:#900 solid 1px;}
</style>
Cambia el porcentaje del ancho de la lista siguiendo esta fórmula: (100/Columnas)
Como implementar:
<div id="menu"> <h2>Menú</h2> <!--Sustituye el "#" por la página que te dirigirá.--> <ul> <li><a href="#">Uno</a></li> <li><a href="#">Dos</a></li> <li><a href="#">Tres</a></li> <li><a href="#">Cuatro</a></li> <li><a href="#">Cinco</a></li> </ul> </div>
