Почему падает вёрстка в Safari?

Question

[SeiLove]

Добрый день! Ломаю голову всё утро. Почему-то в браузере Safari с телефона у меня падает вёрстка некоторых элементов (не появляется тень в форме и падает шрифт телефонного номера), но в хроме она прекрасна! Что может быть не так? Пробовал задавать приоритет стиля идентификатором,ничего не изменилось..

<p class="phone" id="phoneID">[phone]</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);		}

Answer 1

[Андрей Гончаров]

в head:

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

Comments

[SeiLove]

Невероятно. Это решило вопрос с упавшим стилем телефона, но форму к сожалению не спасло. Попробую сменить тень на рамку. Большое спасибо!