Как разделить фигуру CSS пополам по вертикали? ⇐ Html

[Anonymous]

Вот мой код:
http://jsfiddle.net/pnpHS/4/
Как видите, это желтая фигура CSS.

Код: Выделить всё

.yellow {
height:120px;
width:50px;
border-radius: 20px / 65px;
-moz-border-radius:20px / 65px;
-webkit-border-radius: 20px / 65px;
background:#FDD424;
margin-top: 20px;
margin-left: 20px;
}

Как я могу сделать так, чтобы он был разделен на две части по вертикали, чтобы левая сторона была желтого цвета, а другая - прозрачной?

Подробнее здесь: https://stackoverflow.com/questions/814 ... vertically