Cita:
Iniciado por fishdesign 
Si es posible hacer esos "picos" con CSS. El problema aquí es que el bloque es una imagen (al menos eso creo).
Recrear todo con CSS es posible, pero dudo que funcione bien en todos los navegadores (sobre todo IE).
Si pones esa hilera justo después del bloque, si este no tiene float, debería aparecer justo debajo.
Puedes posicionarlo usando position:relative (no deberías usar márgenes)
Vale, he puesto la imagen justo debajo de cuando acaba el div (todo lo de arriba es un div y la hilera con los picos una imagen de 10px). Se me quedaba un poco separado y le he dicho que se muestre como un bloque (display: block;) y se ha juntado. Ahora también se ve bien en IE.
De todas formas ¿hay alguna propiedad de css que haga eso mismo sin el lío de la imagen? Ya que si ahora quiero cambiar el pattern de fondo de ese div, me tocaría volver a hacer la imagen de nuevo con el nuevo pattern.
Un saludo y gracias por contestar tan rápido.