Cómo obtener un menú desplegable para superponer otros elementos

Estoy creando un pequeño sitio web y no puedo obtener el menú desplegable, que sale del botón "galería" cuando paso el mouse sobre él, para superponer el párrafo debajo del menú en lugar de presionar todo el contenido hacia abajo. Ya he probado todas las combinaciones deposition: relative; z-index: 9999;. Sin embargo, cuando configuroposition: absolute; Para el<ul> elemento que realmente funciona, pero desordena todo el diseño de<ul> artículos. Por favor, ayúdame a hacer esto porque estoy empezando a golpearme la cabeza ...Aquí está mi código. Puedes ver cómo baja el párrafo cuando pasas el cursor sobre el botón "galería". Desearía que el paragaph se quedara donde está y el menú desplegable se superpuso.

Respuestas a la pregunta(3)

Su respuesta a la pregunta