Gracias por vuestras respuestas!
Ya he conseguido solucionar, de momento, lo del espacio, para agrandar el ancho del menú, sin desmontar la estructura de la página.
Pero sigo teniendo problemas con el CSS del menú, pues no puedo utilizar una imagen diferente para los ítems y otra diferente para los subitems.
Además, no sé como añadir una imagen para el borde superior del menú, y otra para el borde inferior.
Mi idea es:
Borde superior:
Imagen item:
Imagen subítem:
Borde inferior: 
Y el CSS completo lo pongo disponible aquí:
ver CSS completo
A ver si con vuestra ayuda consigo resolver todo esto, y tengo el menú.
La web la he subido para que esté disponible en:
www.scoutsvalencians.org/web
Muchas gracias!!!!