[HTML+CSS]Uzyskanie efektu płyty CD

Dzisiaj przyszedł mi do głowy pomysł zrobienia layoutu który wyglądałby jak płyta cd, czyli dwa okręgi jeden w drugim i by treść była tylko w tym większym i tylko na jego widocznej powierzchni. Z tego co udało mi się na chwilę obecną wykonać to uzyskanie dwóch okręgów, a treść wpisywana do większego jest także wyświetlana poza widocznym obszarem, czyli na całej powierzchni elementu blokowego i do tego część tekstu jest zakrywana przez mniejszy okrąg.

Kod css wygląda następująco:

body

{

	background-color: #000;

}


section

{

	position: fixed;

	top: 0px;

	background-color: #fff;

	width: 1000px;

	height: 1000px;

	border-radius: 500px;

}


article

{

	position: fixed;

	top: 50%;

	width: 150px;

	height: 150px;

	background-color: #0ff;

	margin-left: 425px;

	margin-right: 425px;

	border-radius: 75px;

	float: none;

}

Będę wdzięczny za każdą przybliżającą do rozwiązania odpowiedź.

Może to zadziała (dla mniejszego okręgu):

wrap-flow: both; 

position: absolute; 

top: 25%;

left: 25%;

width: 50%;

height: 50%;

shape-outside: circle(50%, 50%, 50%);

Choć sam pomysł będzie chyba jako ciekawostka (raczej nie na każdej przeglądarce pójdzie).

Ps. http://dev.w3.org/csswg/css3-exclusions/