Как разделить фигуру 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