Duda fondo con 3 imagenes en un Div

[crash1912]

Hola, me en esta ocasion me dirijo a ustedes creo que con una consulta relativamente sencilla aunque me lleva dando dolor de cabeza un rato ya...

la cuestion es la siguiente, quiero redondear y degradar un poco el color de la cabecera de mi sitio web y se me ocurrió utilizar 3 imagenes de la siguiente forma:

Código PHP:

  #cabecera{ 
    height: 34px; 
    background: url(izquierda.png) left no-repeat,url(centro.png) center left repeat-x,url(derecha.png) right no-repeat; 
}  
   

La primera vez que cargué la web para ver el efecto, lo cargó bien (extraño) ya que las siguientes veces, solo se muestra la imagen (centro.png) que está en repeat-x, y como es obvio, se sobrepone ante (izquierda.png) y (derecha.png)...

Alguna idea para que se respeten entre ellas el espacio asignado para cada una?

me gustaria tener que evitar usar un div para cada una de ellas...

espero vuestras respuestas, gracias por adelantado

[maycolalvarez]

esto corresponde a CSS3 que aún no es un estándar plenamente difundido y pocos navegadores soportan esta característica.

http://www.desarrolloweb.com/articul...o-con-css.html

[crash1912]

entonces que me sugieres, uso 3 divs distintos? un poco chapuza no?