Comment faire pour centre le centre du cercle?

Comment faire pour centre le centre du cercle (CSS)?   [Assumer dernière CSS3 prise en charge du navigateur.]

Doit maintenir v/h de centrage lors de parent l/h change de façon dynamique.

Serait expérimentale du Modèle de Boîte CSS spec de l'aide ici?

Grâce.

http://jsfiddle.net/dragontheory/VdJFa/5/

<div class="parent">
    <div class="middle">
        <div class="circle">
            <div class="circle"></div>
        </div>
    </div>
</div>

.parent         {display: table; 
                margin: 50px auto;
                background: lightgray;
                height: 100px;
                width: 100px;}

.middle         {display: table-cell; 
                vertical-align: middle;}

.circle         {margin: auto;
                border: solid 10px blue;
                border-radius: 50%;
                opacity: 0.3;
                width: 50px;
                height: 50px;}

.circle .circle {width: 15px;
                height: 15px;}

OriginalL'auteur DRAGON | 2013-03-15