jQuery幻灯片位于错误的位置

我在jQuery上为设计师介绍了如何创建类似于Coda的滑块

不管怎样，它第一次成功了，除了一件事之外，它还很棒。最后一个面板的位置似乎总是在错误的位置。下面是我正在使用的代码（顺便说一下，这是一个本地WordPress安装，所以我无法向您展示该工作的示例）：

jQuery还使用scrollTo、localScroll和serialScroll插件

任何帮助都将不胜感激。为了衡量，我也在使用CSS：

div.scroll {
    position:relative;
    overflow:auto;
    float:left;
    width:535px;
    height:135px;
}

.scrollContainer p.panel {
    width:535px;
    height:135px;
    font-size:32px;
    color:#fff;
}

#carousel p span {
    color:#ffc411;
}

#carousel ul {
    float:right;
    text-transform:uppercase;
    color:#b6b6b6;
}

#carousel li {
    float:left;
    margin:0 0 0 10px;
}

#carousel li a {
    color:#fff;
    text-decoration:none;
}

#carousel li a:hover, #carousel li a.selected {
    color:#b6b6b6;
}

---

我认为你的错误源于CSS。 尝试更改此选项：

#carousel li {
    float:left;
    margin:0 0 0 10px;
}

对此

#carousel li {
    float:left;
    margin:0;
}

---

如果它能工作，你可以在每张幻灯片中做一个div，左边距为10px。

这确实有点愚蠢。我没有让Cufon瞄准旋转木马的孩子，而是让它瞄准旋转木马本身，因此，它不是将样式应用于自身，而是将其应用于DIV。当然，这意味着旋转木马下面添加了一个画布标记

---

仅将Cufon应用于文本元素、儿童。

谢谢您的帮助，但这不是问题所在#carousel li正在设计导航样式，与幻灯片完全无关。幻灯片嵌套在div中，根本不是列表项。

#carousel li {
    float:left;
    margin:0 0 0 10px;
}

#carousel li {
    float:left;
    margin:0;
}