FireFoxでanimateにleftを使ってうまくいかなかった

divを絶対配置にして、leftにマイナスの値を入れてwindowの領域外に出しておき、animateで領域内に表示したり、また領域外に出したりする機能、まあつまり、ドロワーである。divの内容が静的であれば特に難しくもない。しかし今回はjqueryで動的に生成してappendする必要があった。FireFoxではこれがうまく表示されない。また、その領域にある要素にbindした機能も動かなくなったりする。

それが、ふと思いついてleftではなく、marginLeftを使ってやってみたところ、他のブラウザと同様、うまく行った。FireFoxでは、絶対配置のtop, right, bottom, leftなどの値でwindowの領域外に出したdivにはどうもappendされても表示がされないようだ。htmlソースをみればappendされているし、「要素を検証」するタイミングで表示もされるのだが、なぜか最初からは表示されない。