Ya he corregido la llamada al css, el problema persiste, al encoger la ventana horizontalmente y desplazar el navegador horizontalmente los objetos #titulo y #caribe mantienen su posición horizontalmente respecto al navegador, en vez mantenerla respecto al fondo.

Es complicado explicarme. Lo que necesito es que esos objetos mantengan su posición respecto al navegador verticalmente pero horizontalmente la mantengan respecto al fondo, de modo que siempre esten en pantalla al moverse verticalmente por la pagina pero que si encojes horizontalmente la misma puedas moverte y ver todo el contenido ya que actualmente al mantener posición respecto al navegador al moverte horizontalmente siempre ves el mismo cacho de texto con fondo azul y la parte oculta no llega a verse.

cuando intento utilizar posicionamientos relativos, estos se me colocan debajo del fondo en vez sobre la imagen del mapa por lo que no me sirven.

Con el left y el top, lo que pretendo es posicionaros en una posición de la pagina, mientras que el fixed lo utilizo para que quede estático en esa posición, con el problema de que se queda estático vertical y horizontalmente y solo querría esa cualidad verticalmente.

Debo de tener como dices el diseño estructural incorrecto y por muchas correcciones o ediciones menor que puedas aconsejarme o pueda encontrar no creo que pueda solucionarlo, igualmente gracias por la atención tan rápida y correcta como siempre.