任何滑块只能在Firefox中正确定位

Question

我在使用可以在Anything Slider link找到的AnythingSlider时遇到一些问题，我之前使用过这个问题没有太多麻烦。但是，今天，我注意到它只能在Firefox中正确定位。

IE，Safari和Chrome，它位于需要的位置。

我的网站在这里：[链接到有问题的网站] [2]

更新***它与功能区导航有关。我删除了它，它的位置正确****

我将在这里发布html代码：

<!-- AnythingSlider Begin -->
    $(window).resize(function(){
 $('#slider').height( $(window).width()/2.3 );
});

$(document).ready(function(){
    $('#slider').anythingSlider({
    theme           : 'metallic',
    autoPlay: true,
        delay: 5000,
        mode: 'fade',
        resizeContents: true,
easing          : 'easeInOutBack',
toggleArrows        : true,
toggleControls      : true, 
navigationFormatter : function(index, panel){
return [ 'Appetizers','Sandwhiches and more','Save room for dessert','Finish up in our giftshop' ] [index - 1];
}, 
onSlideComplete : function(slider){
// alert('Welcome to Slide #' + slider.currentPage);
                }
});//end function
});//end ready
</script>

和

<div id="containertop">
<div class="center">

<ul id="slider" >
        <li>
        <img src="http://www.barrowwebdesigns.com/templates/deli/images/potatoskins.jpg" title="Lemon Yogurt with Blueberry" alt="Lemon Yogurt with Blueberry"/>
        </li>
        <li>
        <img src="http://www.barrowwebdesigns.com/templates/deli/images/subs.jpg" title="Watermelon Lemonade Gelato" alt="Watermelon Lemonade Gelato"/>
        </li>
        <li>
        <img src="http://www.barrowwebdesigns.com/templates/deli/images/cake.JPG" title="Making Watermelon Lemonade " alt="Making Watermelon Lemonade"/>
        </li>
        <li>
        <img src="http://www.barrowwebdesigns.com/templates/deli/images/giftshop.JPG" title="Banana Pudding!"  alt="Banana"/>

        </li>



 </ul>
     </div> <!--end center-->   







    <div class="clear"></div>
<img src="http://www.barrowwebdesigns.com/templates/deli/images/paperbottom.jpg" alt="this isn't working" width="900px"  />
</div><!--end containertop -->

任何帮助将不胜感激。我现在一直在盯着这一段时间。

Answer 1

尝试从此处提取overflow: hidden（theme-metallic.css第237行）：

.anythingSlider .anythingWindow {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}

Answer 2

我猜它来自 r-triangle-top ＆amp; r-triangle-bottom ，这会阻碍您滑动滑块。

尝试将它们设置在绝对位置或者给它们一个负边距否以阻挡（您希望滑块设置的区域）。

位置：相对，仅在屏幕上移动内容，但它们在文档流中保持其位置。（就像转换或IE中的某些activex一样）