Создание закругления рамки

Демонстрация работы закругления рамки, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<div id="bestanime">
	<h3>Top Three Anime DVDs</h3>
	<ol>
		<li>Ghost In The Shell
		<li>Spirited Away
		<li>Akira
	</ol>
</div>

<div id="bestanime1">
	<h3>Top Three Anime DVDs</h3>
	<ol>
		<li>Ghost In The Shell
		<li>Spirited Away
		<li>Akira
	</ol>
</div>

<div id="bestanime2">
	<h3>Top Three Anime DVDs</h3>
	<ol>
		<li>Ghost In The Shell
		<li>Spirited Away
		<li>Akira
	</ol>
</div>

<div id="bestanime3">
	<h3>Top Three Anime DVDs</h3>
	<ol>
		<li>Ghost In The Shell
		<li>Spirited Away
		<li>Akira
	</ol>
</div>

CSS

div#bestanime {
	border: 5px double #000;
	border-radius: 20px;
}
div#bestanime1 {
	border: 5px double #000;
	border-top-right-radius: 30px;
}
div#bestanime2 {
	border: 5px double #000;
	border-bottom-left-radius: 75px 60px;
}
div#bestanime3 {
	border: 5px double #000;
	border-radius: 30px 60px;
}