Listo, lo he arreglado, y ya valida. Lo he hecho de la siguiente manera:
Código:
<ul>
<li>Área 1 <!-- no cierro el list-item, para que la lista anidada quede dentro -->
<ul>
<li>Actividad 1</li>
<li>Actividad 2</li>
<li>Actividad 3</li>
</ul>
</li><!-- ahora cierro el list-item que he dejado abierto -->
</ul>
Hay una cosa que no funciona del todo bien, pero bueno, tampoco es tan importante. Al pulsar en un título de área, se despliega la lista de actividades que contiene, y si hago click en una actividad se vuelve a replegar la lista, algo que funciona correctamente. Pero si selecciono con el ratón el texto de alguna de las actividades (para copiarla), con MSIE la lista se vuelve a replegar, y con Firefox se repliega salvo que seleccione más de un elemento de la lista de actividades. Con Opera y con Konqueror la selección no se interpreta como un click, y no se repliega, que es precisamente lo que me interesa. De todas maneras, este pequeño "bug" no me preocupa. Lo doy por resuelto.
