Problema para centrar un CIRCULO CSS

[C2am]

Bueno, con un poco, o mejor dicho muuuuuuuuucha ayuda del Blog de Kseso:
http://ksesocss.blogspot.com/2012/05...6-maneras.html

Logré esto:
http://jsfiddle.net/c2am/j7axn/5/

Con esto:

Código CSS:

.barra{
    background-color:#CCC;
    width:100%;
    height:80px;
    position:relative;
}
 
.circulo{
    background-color:yellow;
    width:300px;
    height:300px;
    -webkit-border-radius: 150px 150px 150px 150px;
    position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
box-shadow: 0 0 4px rgba(0,0,0,.3);
}
 

Código HTML:

<div class="barra">
        <div class="circulo"></div>
        
    </div>
 

Por favor, lee el link, y prueba otras posibilidades.
Hasta la Victoria Siempre!!