javascript - フロートはラグを引き起こします

Question

私のサイトでは、フローティング div を含むグリッド レイアウトを使用しています。ページネーションのトランジションとして、フェードアウトを使用します。ただし、フローティング div を使い始めてから、アニメーションがかなり遅れることに気付きました。私のライトボックスのフェードインも、フローティング div のあるページで遅れます。このラグを止める方法はありますか？

ここにJSFiddleがあります。フロートにコンテンツがある場合、および YouTube ビデオを含むライトボックスでアニメーションの遅延がより顕著になることをボットしてください (ビデオ自体の開始が遅すぎます)。

レイアウト：

<div id=container>
    <div id=float></div>
    <div id=float></div>
    <div id=float></div>

    <div id=float></div>
    <div id=float></div>
    <div id=float></div>

    <div id=float></div>
    <div id=float></div>
    <div id=float></div>
​&lt;/div>​​​​​​​​​​​​​