Javascript Nivo滑块过渡无法正确渲染，网页长度增加

我正在Rails 3.2中开发一个应用程序，并试图在首页添加一个Nivo滑块。加载后，过渡看起来像。其他过渡也有类似的扭曲

当第一次转换发生时，页面的长度会增加数千像素。我已经确定是#slider div的大小在增加。这会偶尔重置，但我看到它再次向下重画数千像素

包含Nivo滑块的div：

<div id="content">
<link href="/assets/nivo-slider-themes/default/default.css?body=1" media="screen" rel="stylesheet" type="text/css" />
  <div class="slider-wrapper theme-default">
  <div class="ribbon"></div>
  <div id="slider" class="nivoSlider">
    <img src="assets/index_slider_1.jpg">
    <img src="assets/index_slider_2.jpg">
    <img src="assets/index_slider_3.jpg">
  </div>
  <div id="htmlcaption" class="nivo-html-caption">
  </div>
</div>

我使用的是Nivo Slider 3.1附带的默认打包CSS文件

---

是什么导致了转换损坏，以及由于slider div的长度增加而导致页面长度增加？

您从Nivo使用的CSS文件导致了错误。我从一个Nivo示例中获取了一个样式表，并将JSFIDLE更新为：

我们需要一些代码。理想情况下，一个JSFIDLE复制这个问题。哇，谢谢Cymen。应向开发人员提交错误报告。@Steve当前软件包有问题吗？我对Nivo slider不是很熟悉，所以我不知道这是他们的错误还是使用它的人的错误（不小心使用了错误的CSS）。我很乐意提交一个bug，但如果你愿意的话。是的，我让他们知道了Cymen。

<link rel='stylesheet' id='nivoslider-css'  href='http://nivo.dev7studios.com/wp-content/plugins/nivo-slider/scripts/nivo-slider/nivo-slider.css?ver=3.4.2' type='text/css' media='all' />