-webkit-box-shadow не работает на ipad

Здравствуте.

Есть две проблемы с ipad (chrome, safari)

1. Не отображается тень блоков.

2. Не отображаются ссылки верхнего и нижнего меню.

По первому вопросу куски кодов:

Блок:

<div class="head">...

CSS:

.head{

	position:absolute;

	top:0px;

        left:0px; 

	min-width: 1300px;

	width: 100%;

	height: 235px;

	margin:0px auto;

	padding: 0px;

	border: solid 0px #fc3b44;

	background: #2B343D; /* Старые браузеры */

    background: -moz-radial-gradient(#2B343D, #11161C); /* FF3.6+ */

    background: -webkit-gradient(radial, center center, 0, center center, 100%, 

                color-stop(0%,#2B343D), color-stop(100%,#11161C)); /* Chrome, Safari4+ */

    background: -webkit-radial-gradient(#2B343D, #11161C); /* Chrome 10+, Safari 5.1+ */

    background: -o-radial-gradient(#2B343D, #11161C); /* Opera 12 */

    background: -ms-radial-gradient(#2B343D, #11161C); /* IE10 */

    background: radial-gradient(#2B343D, #11161C); /* CSS3 */

	-webkit-box-shadow: 0 0 8px 2px #000;

	-moz-box-shadow: 0 0 8px 2px;

	box-shadow: 0 0 8px 2px;

}

По второму вопросу куски кода:

Блок:

<div class="upmenu">                                              <!-- UPMENU START -->

<ul id="toplistmenu">

        <li><a class="shadow" href="/index.html">Главная</a></li>

        <li><a href="proba.html">О сайте</a></li>

        <li><a href="">Стоимость услуг</a></li>

        <li><a href="">Контактная информация</a></li>

</ul>

</div> 	

CSS:

.upmenu{

	

	

	height: 50px;

	padding: 0;

	margin:20px auto; /*center the menu*/

    border-radius: 12px;

	border-top: solid 1px #4F5861;

	position:relative;

    top:0px;

    left:0px; 

    background: #3D4750; /* Для старых браузров */

    background: -moz-radial-gradient(top, #3D4750, #39434C); /* Firefox 3.6+ */

    /* Chrome 1-9, Safari 4-5 */

    background: -webkit-gradient(radial, center center, 0, center center, 100%,

                color-stop(0%,#3D4750), color-stop(100%,#39434C));

    /* Chrome 10+, Safari 5.1+ */

    background: -webkit-radial-gradient(top, #3D4750, #39434C);

    background: -o-radial-gradient(top, #3D4750, #39434C); /* Opera 11.10+ */

    background: -ms-radial-gradient(top, #3D4750, #39434C); /* IE10 */

    background: radial-gradient(top, #3D4750, #39434C); /* CSS3 */

}





#toplistmenu  { list-style:none; padding:0px; margin: 0; border: solid 0px #000;}

#toplistmenu ul {margin:6px; }

#toplistmenu li { position: relative;  font: 12px Helvetica, Arial; background: #5a83ee; margin: 0 auto; color:#ffffff; }

#toplistmenu a {float: left; color:#ffffff; display:block; height: 50px; line-height: 50px; padding: 0px 15px 0px 15px;  text-decoration:none;  text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}

#toplistmenu a:hover {color:#8795a2;}

В ситуации со ссылками не помогает даже то, что я убрал все тени и шрифты.

На iPhone все видно. В сафари и хроме на ПК тоже все нормально Может у меня планшет такой?

Айпад первый 64 гига, ios 5.1

Посмотрите плиз, если у кого тоже есть такой планшет работает ли у вас? Или у меня руки совсем кривые?! :crazy:

Вот сайт: http://www.all-cert.ru/index.html