css样式兼容问题 display, border, cursor, color, Users

yy1254365761

#body_m_main_page_m ul li{height:30px;width:20px;margin:0px 2px;border:1px #CCC solid;float:none;display:inline-block;line-height:30px;font-weight:bold;padding-left:10px;padding-right:10px;color:#666;cursor:pointer;}
        #body_m_main_page_m ul li:hover{color:#F60;}
        #body_m_main_page_m li:nth-child(1){width:40px;}
        #body_m_main_page_m li:nth-child(2){width:50px;}
        #body_m_main_page_m li:nth-last-child(1){width:40px;}
        #body_m_main_page_m li:nth-last-child(2){width:50px;}

----------------------------

鼠标移动到<li>上，比如“首页”上，“下一页”的宽度就变成20px了。页面刷新后，“下一页”的宽度又变成50px。

------------------------------

试了别的浏览器，谷歌、火狐、IE都没有问题。

-------------------------------
切换到IE内核也没有问题。