1. Utiliza una sóla imagen. Si cambian las puntas utiliza sprites.
2. define el tamaño de las puntas en CSS.
Crea un DIV contenedor el cual muetra una parte de la imagen con la punta superior izquierda.
EJ.
<div class="contenedor">
</div>
Dentro de este div crea tres mas, todos con background una porcion de la imagen.
Luego con las propiedades top y left defines la posicion de la porcion de cada imagen(naturalmente algunos iran negativos).
<div class="contenedor">
<div class="arriba_derecha">
<div class="abajo_izquierda">
<div class="abajo_derecha">
</div>
Mas menos asi, no tengo un ejemplo a la mano para dar mayor claridad vere si el día de mañana con algo de tiempo(Pero puedes ir intentandolo). Recuerda que el contenedor ya tiene una de las esquinas o podría tener dos.
Un saludo,