este codigo no es compatible con todos los navegadores

vista previa:
http://buzzdungeon.es.tl/boton.htm


para ponerlo es:

Código:

<a href="#" class="button">Mi boton</a>

CSS

Código:

a.button {
    border: 1px solid #ccc;
    padding: 10px 20px 6px;
    color: #999;
    text-decoration: none;
    font-size: 28px;
    line-height: 30px;
    background: #ddd;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
    text-shadow: #fff 0px 1px 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
    background: -moz-linear-gradient(top,  #eeeeee,  #cccccc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc');
    }

Muy bueno Juan_Fer. Esta muy chulo.

Esta muy bonito el boton ^^ Gracias

gracias gracias, por ahi tengo preparados otros aportes :P

Gracias por el aporte

Buena aporte lo buscaba! :D

PD: El link de la vista previa da error.