Codigo Imagen Background vs Color

Hola, tengo un problema, estoy con una plantilla, pero no se porque razón en algunos navegadores ( en chrome de lubuntu y en el safari del ipodtouch, por ejemplo) no me carga la imagen de cabezal.
Bueno la imagen en cuestión esta como background en el css, pero solo ocupa el espacio del header, el menú y un pequeño espacio en el que hay un degradado.

La cuestión es que como no se porque no me carga en ciertos navegadores pues quiero poner un color debajo de la imagen al header y al menú porque las letras son blancas, y si no carga el cabezal practicamente ni se ven; pero el problema es que al intentar poner el color en el css.

el color sale encima de la imagen,

¿No habría ninguna forma para que el color quedara detrás de la imagen?
¿Alguien sabe porque razón podría fallar la imagen del cabezal en ciertos navegadores si su css es simplemente esto:

* El color que sale en el código, es el de toda la página.




Muchas Gracias
Saludos

No veo el problema con el disenio, yo lo veo excelente en mi Ipod Touch.

Para colocar un color que remplaze la imagen en caso de que no aparezcas se debe de colocar:

Cambia no-repeat si deseas repetir la imagen.

Saludes.
Team!.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es
www.team-soporte.es.tl | @jeremymolina

Gracias por la respuesta, pero la imagen que no me sale está en body, y ocupa el espacio del cabezal y otros espacios, entonces si le pongo en el header background-color me sale el color encima del header, ya que si donde está la imagen ( en el body) le pongo color, cambiará de color toda la web, y lo que quiero es solo cambiar el cabezal.

La página es esta: http://codigostuspajaros.es.tl/prueba.htm


Muchas Gracias
Saludos!

¿ha intentado hacerlo sin acortar el codigo? puede que ese sea el problema ya que muchos navegadores tienen problemas con los acortamientos

en vez de

seria

______________