Кроссбраузерные css стили для кнопок меню

a.button {
    width: 340px;
    color: #fff; /* Цвет текста ссылки */
    text-shadow: 1px 1px 1px #000; /* Tень для текста */
    background:#0000FF; /* Цвет фона кнопки по умолчанию */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CCCC', endColorstr='#0000FF'); /* Градиент кнопки */
    background: -webkit-gradient(linear, left top, left bottom, from(#00CCCC), to(#0000FF)); /* Градиент кнопки */
    background: -moz-linear-gradient(top,  #00CCCC,  #0000FF); /* Градиент кнопки */
    background: gradient(linear, top,  #00CCCC, #0000FF); /* Градиент кнопки */
    border: 1px solid #0033CC; /* Обводка кнопки solid - сплошной*/
    border-radius: 20px; /* Радиус закругленых углов кнопки */
    padding: 10px 35px; /* Внутреннии отступы кнопки */
}
 
a.button:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#00FFCC), to(#0033FF)); 
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}
 
a.button:active {
    /* When pressed, move it down 1px */
    position: relative; /*относительное положение*/
    background: #0033FF;
    top: 2px;
}

a.button {
    background: -o-linear-gradient(top,  #00CCCC,  #0000FF);
}