Xul滚动框按钮消失

如果运行这个简单的Xul示例,可以看到当使用tab从最后一个(3°)按钮滚动到第一个按钮时,中间的按钮将消失。知道为什么吗?如何修复?

(要运行它,需要在内容文件夹中放置一个名为“img.png”的png图像)

试验品

<?xml-stylesheet href="chrome://test/content/test.css" type="text/css"?>

<window id="desktop" title="test" width="1280" height="720" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

    <scrollbox>
        <button image="chrome://test/content/img.png" />
        <button image="chrome://test/content/img.png" />
        <button image="chrome://test/content/img.png" />
    </scrollbox>

</window>

测试.css

#desktop {
    border-style:solid;
    border-color:transparent;
    border-width:50px;
}

button {
    position: absolute;
    -moz-appearance: none;
    border: none;
    background: url(""); /* nothing */
    width: 128px;
    height: 128px;
    z-index: 1;
}

button image {
    width: 64px;
    height: 64px;
}

button:focus image {
    width: 128px;
    height: 128px;
}

scrollbox {
    background-color: #555555;
}