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
http://www.w3schools.com/cssref/css3...rder-image.asp
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