jquery - 无限轮播适用于 chrome 但不适用于 firefox

Question

我正在使用无限轮播，它在 chrome 上运行良好，但图像在 firefox 上不显示这是链接 http://www.mawk3y.net/alsoos/saudisaif我尝试将 float 从

的左侧更改为右侧，并且显示了第二个图像屏幕，但箭头根本不起作用

.infiniteCarousel {
width: 924px;
position: relative;
}

.infiniteCarousel .wrapper {
width: 850px; 
overflow: auto;
min-height: 10em;
position: absolute;
top: 0;
margin-right: 39px;
}

.infiniteCarousel ul img {
height:127px;
width:279px;
}

.infiniteCarousel .wrapper ul {
width: 9999px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position: absolute;
top: 0;
}

.infiniteCarousel ul li {
display:block;
float:left;
padding: 0 3px 0 3px;
height: 160px;
width: 279px;
text-align:center;
color:#5e3939;
font-family: 'Conv_GE SS Text Medium';
 }

.infiniteCarousel ul li a img {
display:block;
}

.infiniteCarousel .arrow {
display: block;
height: 36px;
width: 37px;
background: url(../images/arrow.png) no-repeat 0 0;
text-indent: -999px;
position: absolute;
top: 37px;
  cursor: pointer;
}

.infiniteCarousel .forward {
background-position: 0 0;
right: 0;
top: 45px;
}

.infiniteCarousel .back {
background-position: 0 -72px;
left: 0;
top: 45px;
}

.infiniteCarousel .forward:hover {
background-position: 0 -36px;
}

.infiniteCarousel .back:hover {
background-position: 0 -108px;
}

Answer 1

页面的方向是rtl所以旋转木马在 firefox 上不起作用，但仍然不知道为什么在 chrome 上起作用，所以我不得不向包含的 div 添加样式

carousel{
direction:ltr;
}