Estou tendo um pequeno problema com o css. Eu preciso de um trapézio div que canto superior esquerdo (aquele com o ângulo acima de 90 graus) é arredondado. Eu já sei disso:

HTML:

<div style="margin:30px">
  <div class="trapezoid">
  </div>
</div>

CSS:

.trapezoid{
  vertical-align: middle;
  border-bottom: 31px solid red;
  border-left: 25px solid transparent;
  height: 0;
  width: 150px;
}

produz um trapézio. Eu tentei oborder-top-left-radius propriedade, no entanto, o efeito não é suficiente suficiente.

Aqui está um jsfiddle com o código acima para, bem, mexer com:http://jsfiddle.net/n3TLP/5/

Eu há mais informações necessárias apenas comentar.
Desde já, obrigado :)