当高度为自动时，响应滑动不起作用

Question

我正在使用this插件制作带有文字动画的100％宽度响应横幅。

但它只显示当“.ei-slider”的高度设置为固定高度时的幻灯片，当我尝试高度时：自动幻灯片消失！ 我希望它完全响应，但它只能在固定的高度工作。 我试图设置溢出：隐藏，显示：阻止，更改位置，但仍然没有：/

HTML

<div id="banner">
    <div id="ei-slider" class="ei-slider">
                <ul class="ei-slider-large">
                    <li>
                        <img src="img/banner.jpg" alt="image06"/>
                        <div class="ei-title">

                            <h3><img id="elastico" src="img/elastico.png" /></h3>
                        </div>
                    </li>
                    <li>
                        <img src="img/banner2.jpg" alt="image01" />
                        <div class="ei-title">

                            <h3><img class="hidrofobico" src="img/hidrofobico.png" /></h3>
                        </div>
                    </li>
                    <li>
                        <img src="img/banner3.jpg" alt="image02" />
                        <div class="ei-title">

                            <h3><img id="resistente"src="img/resistente.png" /></h3>
                        </div>
                    </li>



                </ul><!-- ei-slider-large -->

            </div>

CSS：

#banner { height:auto;position:relative;overflow:hidden;}
.ei-slider{position: relative;width: 100%;height:450px;margin: 0 auto;top:0;float:left;}
.ei-slider-large{height: 100%;width: 100%;position:relative;overflow: hidden;}
.ei-slider-large li{position: absolute;top: 0px;left: 0px;overflow: hidden;height:auto;width: 100%;}
.ei-slider-large li img{width: 100%;height:auto;display:block;}