CSS3转换行为对浮动元素上的文本换行有奇怪的影响

我在元素的边距顶部放置了一个过渡，我遇到了一个问题，文本没有正确地围绕浮动元素。它似乎在大多数情况下都能正常工作，但在尾部，它将出现在浮动元素的上方。在最新版本的Firefox（mac）中，它似乎可以正常工作，但在Chrome/Safari（mac）中却无法正常工作：

我希望有人能对为什么会发生这种情况有所了解，并有可能找到解决办法

（编辑）

---

我已经更新了dabblet以正确地显示问题。请确保将鼠标悬停在文本上。谢谢。

我不明白为什么，但是如果你定位图像（

位置：相对；

），问题就会消失。

你能解释一下你看到的问题吗。我在Chrome、Firefox和Safari中进行了测试，它们在我看来都是一样的。。。在这一点上，阅读那些不断移动的文字真的很难。我已经用这个问题的图片更新了这篇文章。确实如此。非常感谢你的帮助。