Trapecio redondeado con CSS

Estoy teniendo un pequeño problema con css. Necesito un div trapecio cuya esquina superior izquierda (la que tiene un ángulo superior a 90 grados) esté redondeada. Ya sé que esto:

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;
}

Produce un trapecio. Probé elborder-top-left-radius Propiedad, sin embargo, el efecto no es suficiente.

Aquí hay un jsfiddle con el código anterior para, bueno, jugar con:http://jsfiddle.net/n3TLP/5/

Hay más información que necesito solo comentar.
Gracias por adelantado :)