Si quieren que sea una bola en vez de un cuadrado simplemente cambien el css
Código CSS:
Ver original#contenedor {
width:300px;
height:300px;
overflow:hidden;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
}
.cuadro {
width:100%;
padding-top:40%;
height:60%;
font-family:Arial, Helvetica, sans-serif;
overflow:hidden;
text-align:center;
}
jajaja Una rumba!
http://jsfiddle.net/jhBPW/1/
Sirve en todos los ultimos exploradores! (si quieren que sirva en viejos solo es usar css3pie)
mmm... experimentando me doy cuenta que esto puede llegar a ser bastante interesante
http://jsfiddle.net/3usGC/!