html - carousal jqueryがfirefoxとoperaで機能しない

Question

私のページ www.woody.my の下部で水平方向のカルーサルを使用しています。カルーサルは、Firefox、Opera、IE を使用すると見えなくなりますが、chrome エクスプローラーを使用すると正常に動作します。

以下は、クロムでどのように見えるかの画像です。

これはfirefoxでどのように見えるか：

Answer 1

これはHTMLで

<ul style="width: 1000px;">

そしてこれは CSS 行の :526

.infiniteCarousel ul li {
    background: url("../images/footer_img_box.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 220px;
    padding: 10px;
    position: relative;
    width: 198px;
}
.infiniteCarousel .wrapper ul {
width: 900px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding: 0;
top: 0;
}

の位置<li>は絶対ですが、それらは互いに重なり合っています。位置を相対的に変更する必要があり、メイン コンテナーのサイズが 9999px と非常に大きかったため、それをビュー ポートに変更して、要素が互いに左に浮いているときにそれらを見ることができるようにしました

.infiniteCarousel .wrapper ulまた、クラスの位置を削除します

Answer 2

これを試して

.infiniteCarousel ul li {
    background: url("../images/footer_img_box.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 220px;
    padding: 10px;
    position: absolute;
    width: 198px;
}

ps 私もマレーシアにいます :)