Menú desplegable vertical en varias columnas

[jcc]

Hola. Tengo en mi página personal unos menús diseñados con listas y hojas de estilo CSS, y me funcionan muy bien; básicamente es un menú horizontal con una o varias líneas de botones -dependiendo de las opciones- y luego unos menús desplegables verticales para las opciones de segundo nivel.

El problema es que en algunos casos estos menús verticales desplegables son muy largos, por lo que me interesaría dividirlos en varias columnas contiguas; pero no consigo hacerlo. supongo que habrá alguna manera de indicarle que, cuando llegue al final previsto, salte a la siguiente columna, pero me ha sido imposible conseguirlo, y aunque he consultado distintos tutoriales de internet, tampoco me han sacado de dudas.

El código CSS que define el menú es el siguiente:

Código CSS:

/* Menú 1 fila*/ 
 
body, ul, li {margin:0; padding:0;}
ul {list-style:none; display:inline-block;}
ul li {float:left;}
 
ul#menusimple {margin:none; list-style:none; height:32px; width:990px; background:#3b3b3b;}
 
ul#menusimple li {height:32px;width:165px;}
ul#menusimple li a {display:block; padding:10px; height:12px; color:#FFF; text-align: center; font-family:Arial, Verdana, Geneva, sans-serif;
font-size:12px;font-weight:bold; text-decoration:none;}
ul#menusimple li a:hover {background:#CCC; }
 
ul#menusimple li ul {display:none;}
ul#menusimple li:hover ul {display:block; background:#999; position:absolute;}
 
ul#menusimple li:hover ul li {float:none; position:relative; background:#999;}
 
/* Fin Menú 1 fila*/
 

¿Alguien me puede ayudar? Gracias.

[jcc]

Bueno, he hecho un apaño, no sé si será elegante o chapuza, pero en principio funciona... he dividido la UL original del menú desplegable en tres, y a las dos últimas les he dado los márgenes izquierdos correspondientes para se que colocaran sucesivamente a la derecha de la anterior. Como es un caso muy puntual, lo he hecho en el HTML, no en las CSS.

[Rafael]

Perdón por no aportar mis 2 centavos antes.

Una opción es que en lugar de un ul anidado, despliegues todo un div, ya por dentro le acomodas lo que sea. De hecho supongo que yo también voy a explorar la posibilidad, que puede resultar en algo interesante.

También podría explorarse usar algún nth-child, para ponerle, como dices, algún margen o position relative.

[jcc]

Bueno, así me ha salido bien, y teniendo en cuenta que es un caso muy puntual, porque normalmente no me salen unos desplegables tan largos, tampoco creo que haya necesidad de irle buscando tres pies al gato, amén de que llega un momento en el que también me pierdo con cosas demasiado complicadas.

Por cierto, si quieres ver el resultado, la url es esta:

http://www.jccanalda.es/jccanalda_do...ent_alcala.htm

poniendo el ratón sobre "artículos".

Y gracias .

[pzin]

Mientras no se pongan DIV dentro de UL todo bien.