IE7 jquery职位：相对

Question

我正在使用需要位置的插件：相对于在UL中动画li项目。

这里有一个演示：http://jsfiddle.net/bleachie/aJPRp/

在IE7中溢出：隐藏不工作，但如果位置的工作原理：相对于从UL取出;那么插件不起作用。

我该如何解决这个问题在IE7中？

谢谢。

CSS

ul { 
    padding: 0; 
    margin: 0; 
    list-style: none; 
} 

.jSlots-wrapper { 
    overflow: hidden; 
    height: 20px; 
    display: inline-block; /* to size correctly, can use float too, or width*/ 
    border: 1px solid #999; 
} 

.slot { 
    float: left; 
} 

HTML

<ul class="slot"> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
    <li>5</li> 
    <li>6</li> 
    <li>7</li> 
</ul> 
<input type="button" id="playNormal" value="play">​ 

的Javascript

$('.slot').jSlots({ 
    spinner : '#playNormal', 
    winnerNumber : 7 
}); 

Answer 1

快速搜索打开了这个question and answer。基本上，对于隐藏在IE6/IE7中相对定位的子项中的溢出隐藏，您还需要相对定位容器。因此在这种情况下：

.jSlots-wrapper { 
    position: relative; 
    overflow: hidden; 
    height: 20px; 
    display: inline-block; /* to size correctly, can use float too, or width*/ 
    border: 1px solid #999; 
}