Cita:
Iniciado por C2am 
Creo que para compatibilidad en todos los navegadores la imagen es la mejor opción.
Ahora, si no te importa que en IE se pierda ese borde podrías intentar con [url]http://www.w3schools.com/cssref/css3_pr_border-image.asp[/url]
Ahora, en cuanto a la imagen, si lo que te molesta es tener que hacer esos picos con el nuevo diseño, yo lo haría al revés, es decir dibujar la parte gris, y dejar transparente la parte de arriba. Luego posicionar la imagen sobre el fondo de colores.
Saludos
Muchísimas gracias por la información.
¿Si lo hago al revés no tendría el mismo problema pero con el fondo de la página? Es decir si le pongo la parte sólida (no transparente? a la otra parte que no son los picos, si quisiera camiar le fondo no me tocaría volver a hacer otra imagen?
Un saludo y gracias de nuevo.