Úprava tvaru blokového elementu pomocí clip-path

Ahoj, snažím se vytvořit custom tvar divu pomocí vlastnosti clip-path (jsfiddle.net/oqw2aouk/1). V Chromu vše v pořádku, ale IE či Firefox clip-path, který potřebuji použít, nepodporují. Zkoušel jsem to i s pomocí SVG, ale podpora není taky úplně 100%. Chtěl bych se zeptat, jak byste řešili tento tvar vy? Možná by to šlo i s pomocí dvou obrázků (ve tvaru šipky), které by byly v barvě pozadí a umístili se před a za div?

Díky za help. :)