javascript - Anything Slider 只能在 Firefox 中正确定位

Question

我在使用 AnythingSlider 时遇到一些问题，可以在此处找到 Anything Slider link我以前用过这个没有太多麻烦。但是，今天，我注意到它只在 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%;
}