Estou tentando inclinar um div, semelhante a isto:Incline o topo de uma div usando css sem inclinar o texto ou isto:http://tympanus.net/codrops/2011/12/21/slopy-elements-with-css3/

Aqui está uma imagem do que estou tentando fazer:

Basicamente, eu preciso inclinar as bordas de maneiras estranhastodos os 4 lados. Eu posso fazer isso com imagens de fundo, mas eu prefiro alguma maneira de fazer isso em CSS para que os divs possam ser responsivos em largura e altura. Eu gostaria de encontrar uma solução que funcione em navegadores mais antigos, mas entendo que não posso ter tudo!

Qual seria a melhor maneira de ter bordas inclinadas em todos os 4 lados? (Nota: a borda na parte inferior da caixa verde se inclina para o meio e para baixo no lado de fora, e eu NÃO preciso das bordas para fazer isso. Apenas uma inclinação em uma direção é boa.)