firefox 3.5 捲動畫面時出現殘影的 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="/article/96-firefox-35-scroll-blur-when-the-bug#" onclick="document.getElementById('button1').style.display = '';return false">顯示按鈕</a>

        <a href="/article/96-firefox-35-scroll-blur-when-the-bug#" 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以上任何版本，快速滾動滾動條。