Tienes razón, y muchas gracias por tu comentario. El problema es que no me admite el copia-pega del pantallazo por más que lo intento...
.
Es un menú horizontal, como el de mi página de bienvenida
www.jccanalda.es, pero con una columna (no la de bienvenida) muuuuuy larga, que quisiera partir en dos. El HTML es una simple lista:
<DIV ID="menu-1">
<UL ID="menusimple" ALIGN="LEFT" LANG="es">
(...)
<LI> <A HREF="../citas-divertidas.htm">Citas divertidas</A>
<UL>
<LI><A HREF="citas-divertidas-a.htm">Citas divertidas A</A></LI>
<LI><A HREF="citas-divertidas-b.htm">Citas divertidas B</A></LI>
<LI><A HREF="citas-divertidas-c.htm">Citas divertidas C</A></LI>
<LI><A HREF="citas-divertidas-d.htm">Citas divertidas D</A></LI>
<LI><A HREF="citas-divertidas-e.htm">Citas divertidas E</A></LI>
<LI><A HREF="citas-divertidas-f.htm">Citas divertidas F</A></LI>
<LI><A HREF="citas-divertidas-g.htm">Citas divertidas G</A></LI>
<LI><A HREF="citas-divertidas-h.htm">Citas divertidas H</A></LI>
<LI><A HREF="citas-divertidas-j.htm">Citas divertidas J</A></LI>
<LI><A HREF="citas-divertidas-k.htm">Citas divertidas K</A></LI>
<LI><A HREF="citas-divertidas-l.htm">Citas divertidas L</A></LI>
<LI><A HREF="citas-divertidas-m.htm">Citas divertidas M</A></LI>
<LI><A HREF="citas-divertidas-p.htm">Citas divertidas P</A></LI>
<LI><A HREF="citas-divertidas-q.htm">Citas divertidas Q</A></LI>
<LI><A HREF="citas-divertidas-r.htm">Citas divertidas R</A></LI>
<LI><A HREF="citas-divertidas-s.htm">Citas divertidas S</A></LI>
<LI><A HREF="citas-divertidas-t.htm">Citas divertidas T</A></LI>
<LI><A HREF="citas-divertidas-u.htm">Citas divertidas U</A></LI>
<LI><A HREF="citas-divertidas-v.htm">Citas divertidas V</A></LI>
<LI><A HREF="citas-divertidas-w.htm">Citas divertidas W</A></LI>
<LI><A HREF="citas-divertidas-y.htm">Citas divertidas Y</A></LI>
<LI><A HREF="citas-divertidas-anon.htm">Citas
anónimas</A></LI>
</UL> </LI>
<LI></LI>
<LI></LI>
</UL></DIV>
Lo que quiero partir en dos columnas paralelas es lo que he marcado en rojo.
Y la hoja de estilo, para este menú:
/* 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*/
Espero que sea suficiente y no demasiado lioso...