我正在构建一个需要在移动设备上查看的网站。在 iphone 4s 上的 safari 中查看时，它看起来很棒。如果我在同一设备上查看它，则导航列表的样式都不会显示。它最终看起来像基本的 html 链接。有问题的链接是弗吉尼亚州领导、护理和麻醉学人员
Bellow 是一个链接到实时开发站点以及 CSS。
链接：http: //xeroproject.com/sqwm/category/resources/
CSS：
#leftNav{
max-width:402px;
}
#leftNav ul li a {
list-style-type: none !important;
width:100%;
text-decoration:none;
font-weight:bold;
font-size:24px;
color:#FFF;
}
#leftNav ul a:hover {
color:#85b6ce;
}
#leftNav ul li:nth-child(odd){
padding:10px;
margin-bottom:5px;
background: #0b5a42 url('images/arrow_dark.jpg') no-repeat right;
}
#leftNav ul li:nth-child(even){
padding:10px;
margin-bottom:5px;
background: #688879 url('images/arrow_light.jpg') no-repeat right;
}