Buenos días

Estoy trabajando en la creación de una web algo complicado sobre todo porque es mi primera.

En la página de recetas he puesto 4 de los 5 menús desplegables previstos y quiero una imagen encima de cada uno. Tengo varios problemas:

1. En Firefox se ven en dos líneas y solo una en Explorador (así lo quiero)
2. He logrado poner una imagen sólo encima del primer menú.
3. En Firefox el menú se despliega bien, es decir, que se ven todo los sub-menús, pero en Explorador solo se ve “nombre de la receta”.

Aquí está el URL: http://inmenu.atwebpages.com/recetas/recetas. Html

He intentado varias cosas pero nada funcionó.

Ahora estoy pensando insertar una tabla con 4 columnas y 4 filas.

1ª fila con las 4 imágenes

2ª fila con los menús

3ª fila imagen del 5º menú

4ª fila con el último menú

Me parece que esto no es una buena idea, seguro que se podría hacer con CSS

Muchas gracias por su ayuda.