当位置更改时,CSS转换在Firefox中不起作用

我发现烦人的bug在同一时刻,父项的位置正在改变(在例子中是从固定的到绝对的),我尝试为子元素的CSS属性设置动画.这在Webkit浏览器中没有问题,但在Firefox(v.17.0.1)中没有动画转换.

jsFiddle示例：http://jsfiddle.net/chodorowicz/bc2YC/5/

有没有解决方案使其在FF中工作？

编辑
它在Firefox 34中修复
https://bugzilla.mozilla.org/show_bug.cgi?id=625289

CSS

#container {
    position:fixed; left:100px; top:100px;
}
#container.some_state_position {
    position:absolute;
}
.box {
    width:100px; height:100px;
    BACkground:blue;
}

.some_state .box {
    BACkground:red; width:50px; height:50px;
}

img,.box  {
    -webkit-transition:all 1.5s ease;
    -moz-transition:all 1.5s ease;
    -ms-transition:all 1.5s ease;
    transition:all 1.5s ease;
}
img {width:100%;}
.some_state .other_container img {
    width:50%;
}

$("#button2").on({
    click: function() {
        $("#container").toggleClass("some_state");

        setTimeout(function() {
            $("#container").toggleClass("some_state_position");
        },50);
    }
});