Bordas arredondadas com CSS3

REDONDO =D (clique para ampliar)

Bem, como o css3 ainda é suportado por poucos navegadores (resumindo, não funciona no Internet explorer
), então aconcelho usar muito pouco
e em lugares pequenos, que so se note olhando bem de perto.


Então, estava procurando como arredondar bordas com css, mas achei apenas esse "CSS monster".
para usa-lo, é bem simples, apenas adicione o codigo em seu estilo css:

-moz-border-radius: 7px 27px 100px 0px;

superior, direita, inferior e esquerda

e ainda se pode colocar em um local especifico exemplo:

-moz-border-radius-left:10px;

o vermelho pode ser trocado pelo local que escolher.
Bom, o resultado é:

Eu odeio rebolation

Eu odeio rebolation

Eu odeio rebolation

Eu odeio rebolation

e variaria pelo gosto, o tamanho da borda e o lugar...
e repito NÃO FUNCIONA NO IE, então, use com moderação.