CodePenとjsFiddleで、問題の正確なコンテキストを再現しました。
期待どおりに動作しているように見えますが、ほぼ同じ DOM に同じスタイルを適用すると (他にもいくつかの要素がありますが、それらは配置されておらず、最終結果に影響を与えるべきではありません)、次の問題があります。
ご覧のように。赤いボックスは、たとえそれが静的に配置されていても、何とかトップ div の下にあります。私は何が欠けていますか?ありがとうございました!
編集: CodePen または jsFiddle に示されている効果を取得しようとしています。ただし、私のブラウザでは、絶対ボックスは固定 div を超えません。firebugでチェックすると(青いホバリング四角が表示されている2番目の画像)、絶対ボックスがあります。