firefox 滚动残影的bug

不知道大家有没有遇到过，当我们设置了一个固定的浮动层后。在firefox下滚动会出现一些残影的情况？ 总觉得页面的表现很不流畅。而且这个情况，只出现在 firefox for win的版本（mac版的firefox不会出现）

先看一下下面的视频（由于截屏软件录不了这个效果，只好拿手机录了）。

在视频里，我们很清楚得看到，白色的浮动层被快速的滚动切割成两半。

重现的代码片段：

<!--带 overflow-x:hidden 或则 overflow-y:hidden 的长条-->
    <div style="width:300px;height:3000px;border:1px solid #333;background:#ccc url(http://www.iecool.cn/uppic/2007-3-27/206499575_2.jpg);overflow-x:hidden"></div>

    <!--带 button 的 position:fix Div-->
    <div style="position:fixed;width:200px;height:100px; left:200px;top:200px;border:1px solid #000;background:#fff;padding:6px">
        <!--一个 button-->
        <button id="button1">我是button</button>

        <!--一些开关--><br/><br/>
        <a href="#" onclick="document.getElementById('button1').style.display = '';return false">显示按钮</a>
        <a href="#" onclick="document.getElementById('button1').style.display = 'none';return false">隐藏按钮</a>
</div>

两个 div ，其中不浮动的div，只要设置了overflow-x 或 overflow-y 的hidden属性，然后另外一个div设置成浮动，并且其html带一个 button 标签。就会让firefox在渲染上出现问题了。

看在线的演示，请用firefox 3.0以上任何版本，快速滚动滚动条。