要素のマージン上部にトランジションを配置していますが、フローティング要素の周りでテキストが適切に折り返されないという問題に遭遇しました。ほとんどの部分では問題なく動作しているように見えますが、末尾では浮動要素の上に表示されます。最新バージョンの Firefox (mac) では正しく動作するように見えますが、Chrome/Safari (mac) では動作しません:
http://dabblet.com/gist/2704263
なぜこれが起こっているのか、そしておそらく解決策について、誰かが何らかの洞察を持っていることを願っていました。
(編集)問題を適切に表示するためにダブレットを更新しました。必ずテキストにカーソルを合わせてください。ありがとう。