Обрезка Div Блока

[CrazyFox]

Подскажите, не знаю как сделать.
Есть Два див блока.
 

<div class="duvet">				</div><div class="sheet"></div>

Для них стили
 

.duvet {	position: absolute;	width: 400px;	min-height: 440px;	height: auto;	padding: 0;	margin: 0 auto;    background: rgba(255,255,255,1);    background-repeat: round;    box-shadow: inset 0 0 15px rgba(0,0,0,0.6);    border-radius: 100%;}.sheet {	border-radius: 100%;	position: absolute;	z-index: 3;	width: 400px;	height: 100px;	height: auto;	padding: 0;	margin: 0 auto;    background: rgba(255,255,255,1);    background-repeat: round;    box-shadow: inset 0 0 15px rgba(0,0,0,0.6);}

Требуется обрезать .sheet таким образом что бы он выглядел как обрезанная часть круга.

Edited May 8, 2014 by CrazyFox

[Zverushka]

http://jsfiddle.net/Zverushka/m6MwB/3/ первый вариант, если эта штука прозрачная, второй - с модификацией и лишним псевдоблоком, чтобы фигура могла быть цветной.

[CrazyFox]

http://jsfiddle.net/Zverushka/m6MwB/3/ первый вариант, если эта штука прозрачная, второй - с модификацией и лишним псевдоблоком, чтобы фигура могла быть цветной.

 

Спасибо, то что нужно =)

p.s. А похвалить за хороший ответ на этом форуме нельзя что ли? 

[Zverushka]

p.s. А похвалить за хороший ответ на этом форуме нельзя что ли? 

 

Есть стрелочки вверх и вниз у поста справа внизу, но может быть не всем новичкам доступно.