Как правильно скорректировать код CSS, чтобы кнопка корректно отображалась в браузере SAFARI ?

[pnzh385]

Здравствуйте.
Подскажите кто знает, как правильно скорректировать код отображения кнопки выполненной на CSS, чтобы кнопка корректно отображалась в браузере SAFARI.
На сайте (откуда взял код кнопки) было указано автором, что необходимо разбить background на background-color и background-image, тогда в браузере SAFARI кнопка будет отображаться правильно. Но у меня это так и не получилось.
Вот полный код:

<style>
a.button22 {
  position: relative;
  display: inline-block;
  width: 6em;
  height: 2.5em;
  line-height: 2.4em;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  user-select: none;
  color: #000;
  outline: none;
  border: 1px solid rgba(110,121,128,.8);
  border-top-color: rgba(0,0,0,.3);
  border-radius: 5px;
  background: rgb(206, 220, 231) linear-gradient(rgb(206,220,231), rgb(89,106,114));
  box-shadow:
   0 -1px rgba(10,21,28,.9) inset,
   0 1px rgba(255,255,255,.5) inset;
}
a.button22:hover {
  background: linear-gradient(#d2dfea, #71828c);
}
a.button22:active {
  line-height: 2.6em;
  background: linear-gradient(#bac6cf, #c5d3de 20%, #71828c);
  box-shadow: 0 -1px rgba(255,255,255,.4) inset;
}
a.button22:before {
  content: "";
  position: absolute;
  top: -10px; right: -10px; bottom: -10px; left: -10px;
  z-index: -1;
  border-radius: 8px;
  background: linear-gradient(rgba(200,200,200,.5), rgba(240,240,240,.5));
}
</style>

<a href="#" class="button22">Кнопка</a>

[Naive]

Бред какой-то, у тебя градиент непрозрачный, зачем тебе вообще background-color?

[pnzh385]

Так было написано автором сайта кнопок.
В браузере safari эта кнопка выглядит белым цветом с тонкой рамкой вокруг, а надо, чтобы цвет был серый. Т.е. в браузере safari эта кнопка выглядит некорректно и при наведении курсора мыши ничего не меняется, в в других браузерах она изменяет цвет (или градиент).
Вот мне надо скорректировать этот код так, чтобы в браузере SAFARI кнопка выглядела также, как и в других браузерах.

[uberchel]

linear-gradient(rgb(206,220,231), псевдокласс для сафари и старых версий хрома -webkit-linear-gradient(rgb(206,220,231)

[Naive]

ну так убери нахрен бэкграунд-колор...