Veamos un ejemplo y analicemos sus posibles problemas.
- El código del ejemplo está copiado de http://www.htmldog.com/articles/suckerfish/dropdowns/example/
- Utiliza solo una imagen (una flecha decorativa).
Posibles problemas a tener en cuenta
- Algunos navegadores antiguos no soportan la pseudoclase :hover más que en el caso de los enlaces.
- Es necesario utilizar algo de JavaScript para que el ejemplo funcione en esos navegadores.
- Para lograr un buen nivel de accesibilidad, los menús se deberían poder recorrer utilizando el teclado (la segunda versión de "PERCIFORMES!" soluciona este problema).
Encontraréis mucha más información sobre menús desplegables en Son of Suckerfish Dropdowns, por Patrick Griffiths y Dan Webb.