У меня небольшая проблема с CSS. Мне нужен трапециевидный div, верхний левый угол (угол с углом выше 90 градусов) округлен. Я уже знаю, что это:

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

производит трапецию. Я попробовалborder-top-left-radius свойство, однако эффект не является достаточным.

Вот jsfiddle с приведенным выше кодом, ну, в общем, с:http://jsfiddle.net/n3TLP/5/

Мне нужно больше информации просто комментировать.
Заранее спасибо :)