andoroidブラウザでbackgroudが表示されない

Question

初心者なので，初歩的な質問ですいません。どなたかご存知の方がおられましたらご教授いただければと思います。

http://www.logix-shuppan.com/uehonmachi-sansu-seminar/

ワードプレスを使ってレスポンシブデザインのサイトを作成したのですが，

スマホで見たときの
ページ下の方のメニューの項目
「どんな教室？
授業内容
料金
アクセス」などのbackgroundがAndroidで確認した場合，上手く表示されません。
（iPHoneでは上手く表示できます。）

cssで関係するところです。
@media screen and (max-width: 768px)
li.page_item a {
text-decoration: none;
font-weight: bold;
text-align: center;
font-size: 13px;
display: block;
background: -webkit-gradient(linear, left top, left bottom, from(#ffa500), color-stop(0.5,#ffa500), color-stop(0.5,#f08300), to(#f08300));
color: #FFFFFF;
width: 100%;
padding: 0 0;
}

（iPhone）
https://www.dropbox.com/s/rmmgkdrexo4wxw8/unnamed.png?dl=0

（Android端末）
https://www.dropbox.com/s/mitq1bvngk4avi9/Screenshot_2015-03-27-22-24-57.png?dl=0

初歩的な質問ですいません。よろしくお願いします。