Вот как описаны кнопки у меня в выпадающем меню. <span class="button"><a href="#">Войти</a></span> <span class="button"><a href="#">Регистрация</a></span> .button{ background: -ms-linear-gradient(top, #57baff, #0062db) 0 0; background: -moz-linear-gradient(top, #57baff, #0062db) 0 0; background: -o-linear-gradient(top, #57baff, #0062db) 0 0; background: -webkit-linear-gradient(top, #57baff, #0062db) 0 0; background: linear-gradient(top, #57baff, #0062db) 0 0; border: 1px solid #0163dc; -moz-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.35), 1px 2px 2px -1px rgba(255,255,255,0.75) inset; box-shadow: 0 2px 4px rgba(0,0,0,0.35), 1px 2px 2px -1px rgba(255,255,255,0.75) inset; color: #ffffff; cursor: pointer; display: inline-block; font: normal 12px/18px Arial; min-height: 18px; padding: 4px 12px; text-decoration: none; text-shadow: 0 1px rgba(10,59,112,0.75); } .button:hover{ background: -ms-linear-gradient(bottom, #57baff, #0062db) 0 0; background: -moz-linear-gradient(bottom, #57baff, #0062db) 0 0; background: -o-linear-gradient(bottom, #57baff, #0062db) 0 0; background: -webkit-linear-gradient(bottom, #57baff, #0062db) 0 0; background: linear-gradient(bottom, #57baff, #0062db) 0 0; color: #ffffff !important; } .button:active{ -moz-box-shadow: 1px 2px 2px -1px rgba(0,0,0,0.75) inset; box-shadow: 1px 2px 2px -1px rgba(0,0,0,0.75) inset; } Что и как мне описать в css, что бы решить мою проблему?