android浏览器上的box-shadow

Question

嗨，我对项目有一个奇怪的问题 我试图为平板电脑和Android浏览器创建一个页面 我有一个这样的html基座：

<div id="background">
<img alt="home" src="http://192.168.2.1/image/new_icons/tv.png" id="tv">
<img alt="contact" src="http://192.168.2.1/image/new_icons/movie.png" id="movie">
</div>

css：

#background {
position: absolute;
bottom:0;
left:10%;
height: 70px;
background: url("../img/back-left.png") no-repeat;
width:1000px;
}

html body div#background img
{
width:72px;
height: 72px;
float: left;
margin: 3px;
top:-20px;
position: relative;
}

html body div#background  img:hover
{
top:-35px;
-webkit-box-shadow: 1px 1px 50px 10px #FFAC30;
}

我想为img：hover添加box-shadow 它在PC浏览器中工作正常，甚至是用于android的chrome：

但这是它在Android浏览器上加载的方式：

问题出在哪里？