浮动导致滞后

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>
​</div>​​​​​​​​​​​​​