Как частично наложить круг на треть круга?

Мне нужен кружок изображения, в нижней части которого есть ярлык с фоном. Я думаю, что я публикую jsfiddle, чтобы вы могли понять, чего я хочу: http://jsfiddle.net/Lf65Z/

Итак, это мой css:

#container {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 400px;
    height: 400px;
    background: red;
    border: 1px solid #999;
    border-radius: 1000px;
}

#labelbackground {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 400px;
    height: 200px;
    background: rgba(165, 165, 165, 0.62);
    border-bottom-left-radius: 1000px;
    border-bottom-right-radius: 1000px;
}

Это дает мне предпосылки для 50% круга. Но я хочу наложить только что-то вроде 33% круга, что-то вроде этого: http://jsfiddle.net/Lf65Z/1/

#labelbackground {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 400px;
    height: 150px;
    background: rgba(165, 165, 165, 0.62);
    border-bottom-left-radius: 1000px;
    border-bottom-right-radius: 1000px;
}

Но как вы можете видеть, что он не делает то, что я хочу... Есть ли возможность просто отрезать 50% фона, чтобы он сохранял правый радиус границы?