Agregando esto al css
Código CSS:
Ver originala {
display: block;
float: left;
width: 200px;
height: 49px;
line-height: 49px;
text-align: center;
}
Y removiendo
esto
padding: 12px 25px; de .button
Por supuesto pod´s variar los anchos segun tu criterio, yo te lo hice para que se aji¡uste a los 800px de tu div. lo más frecuente es que para dicho tipo de menues utilices una lista desordenada <ul>
lo vas a corregir bastante, webkit es para Chrome y Safari, no para IE
El gradient y el BorderRadius no te va a funcionar en IE (sólo a partir de IE 10)
Para aplicarlo necesitas de un fix como el de
http://css3pie.com/
Saludos