FlexSlider - 动画后显示叠加内容

Question

我有一个全宽度的FlexSlider，每张幻灯片上都有一张图片和一些HTML内容。

<li>
  <img src="http://placehold.it/350x150">
  <div class="box"></div>
</li>

但由于某种原因，HTML内容仅在幻灯片动画之后出现。

这是一个JSFiddle：http://jsfiddle.net/39wPU/1/

我认为它可能与div上的overflow属性“flex-viewport”有关。如果你禁用它，问题就会消失（但会出现另一个问题 - 即水平溢出非常大）。

每当您发出溢出时问题都会返回：隐藏在任何包含元素上。

我在这里缺少什么？

更新：似乎问题只发生在Chrome中。 Safari和Firefox都很好。

Answer 1

将以下内容添加到.box选择器：

-webkit-backface-visibility: hidden;
        backface-visibility: hidden;