Вёрстка Safari

[Seinte]

не могу понять в чём может быть проблема, ведь в хроме всё прекрасно отображается, а у браузеров, насколько я знаю одинаковые движки! Проблема такова, что в сафари с телефона едут стили некоторых элементов - падает стиль надписи и не отображается подсветка-тень в форме... куски кода предоставляю, но с учётом того, что везде всё работает теряюсь в догадках..
вот текст и стиль

<p class="phone" id="phoneID">+7(499) 674-08-88</p>

и стиль

.phone
	{
    position: absolute;
    margin-top: 10px;
    display: block;
    padding-left: 10px;
    background: url(img/tel.jpg) no-repeat;
    width: 183px;
    right: 17px;
    height: 29px;
    padding-top: 4px;
    line-height: 30px;
    font: 100 19px NSCReg;
    color: #ffffff !important;
	}
 #phoneID
 {
    color: #ffffff; /*была попытка задать приоритет стиля через ID*/
 }

и стиль тень инпута:

.veryBad 		{		
	-webkit-box-shadow: 0px 0px 8px 0px rgba(255, 117, 117, 1);
	-moz-box-shadow:    0px 0px 8px 0px rgba(255, 117, 117, 1);
	box-shadow:0px 0px 8px 0px rgba(255, 117, 117, 1);		}

Может быть есть какие-то ещё префиксы и хаки....?

[Seinte]

<meta name="format-detection" content="telephone=no">

это решило проблему стилей... но тень не появилась, заменили её на рамку.