2011-10-27なんだかんだでFirefoxメインで制作しているわけですが、とあるページでposition:fixed;が効いてないみたいだよ?と@e_luckさんに教えてもらいまして、、、でちょっと調べてみて気づいたことです。bullet」で紹介されていた下記のコードは、指定するとGPUアクセラレーションが有効になるのでパフォーマンス向上の恩恵を受けることができるかもしれない、といったような事が言われています(アニメーションの描画がスムーズになる?)。translateZ(0);ということで、これをbodyタグに指定してたんですが、、position:fixed;にならない原因はこのスタイルでした。これについてはW3CのWDに書いてありました。3どおりでfixedを指定していた子孫要素が全部relativeの振る舞いになっちゃってたわけですね。次のデモページでは親要素に-webkit-transform:translateZ(0);の指定がある場合とない場合の子要素の挙動を確認できます。WebKit系のブラウザでみてください。デモページをみる新しいプロパティを使うときは仕様書をちゃんと読んだほうが良さそうですね...。