在平板电脑上显示不同的<li>边框尺寸</li>

Question

我遇到与Android 4.0.4上的webview css查看相关的问题

我有一个列表：使用<ul> , <li>标签。 但是当在平板电脑上显示7英寸时，某些<li>具有不同的边框大小（> 1px）。

这是html：

<div id="cmSettingMenuList">
<ul>
            <li >11111111</li>
                <li >2222222</li>
                <li >33333333</li>
                 <li >11111111</li>
                <li >2222222</li>
                <li >33333333</li>
                 <li >11111111</li>
                <li >2222222</li>

                 <li >11111111</li>
                <li >2222222</li>
                <li >33333333</li>
                <li >33333333</li>
                 <li >11111111</li>
                <li >2222222</li>
                <li >33333333</li>
        </ul>
     </div>

我使用1 css：

#cmSettingMenuList ul {
width: 580px;
list-style: none;
overflow: visible;
}

#cmSettingMenuList ul li {
padding-left: 2px;
height: 58px;
line-height: 58px;
border-bottom: 1px solid #9AB2E7;
background-size: 26px;
position: relative;
}

这是在平板电脑上显示：

http://i.stack.imgur.com/RBsBL.png

尺寸不一样。 你有任何解决方案。

感谢