Jquery 在MAC电脑上，幻灯片圈底部被切掉

我在这个网站上使用了著名的JQuery插件Cycle for slideshow：

我有个问题-在windows（所有最新浏览器）上都可以正常工作，但在MAC（lion 10.7.5，一台测试机；不知道客户端操作系统的版本->第二台测试机…）上有个问题

问题：圆圈底部已被切掉。（幻灯片导航圆圈，您将看到它）。在Firefox、Safari和Chrome中测试

相关css：

#slider_nav {
    position:absolute;
    width:200px;
    height:27px;
    z-index:999;
    left:392px;
    top:455px;
    margin:0;
    padding:0;
}

.slideli{
    width:24px;
    height:27px;
    padding:0 24px 0 0;
    background-image:url(../images/gray-dot.png);
    background-repeat:no-repeat;
    cursor:pointer;
    background-position:top;
    margin:0;
}

.activeSlide {      
    width:24px;
    height:27px;
    text-decoration:none; 
    padding:0 24px 0 0;
    background-image:url(../images/white-dot.png);
    background-repeat:no-repeat;
    background-position:top;
    cursor:pointer;
    margin:0;
}

---

我设置了比需要的更高的高度，去掉了边距，填充物。。。但是没有成功-显然这里还有其他问题，我希望得到任何提示/建议。

你的JS上有这样一行：

return '<li'+s+' class="slideli"><a href="#">&nbsp;</a></li>';

---

修复该问题并告诉我们是否解决了问题

谢谢！改变css解决了这个问题。（无法更改jquery/js part-幻灯片放映在这种情况下不起作用）。问题是

li

元素是

内联显示的
，而您的
宽度
和
高度
样式对它们不起作用。填充物被用来使它的宽度合适。在Mac中呈现
填充
或
行高
的方式可能有所不同，因此您的元素被剪切。将其更改为
内联块显示
可使
宽度
和
高度
正常工作。
<li0 class="slideli">
<li1 class="slideli">
<li2 class="slideli">
<li3 class="slideli">
<li4 class="slideli">

.slideli {
    background-image: url("../images/gray-dot.png");
    background-position: center top;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;          // Added
    height: 27px;
    margin-right: 5px;              // Added
    padding: 0;                     // Changed
    width: 24px;
}