css - デバイスを回転させたときの位置固定の回避策はありますか?

Question

次のプロパティを持つ DIV があります。

#navigation
{
    position            : fixed;
    left                : 0%;
    top                 : 0%;

    display             : block;
    width               : 100%;
    height              : 44px;

    text-align          : center;

    background          : #171717;

    -webkit-transform   : translate3d(0px, 0px, 0px);
}

ユーザーがスクロールしているときにバーを所定の位置に保つには、Webkit 変換が必要です。

ただし、縦向きでスクロールしてから、デバイスを横向きに回転させると。バーが消えました。横向きにスクロールすると、バーが適切な位置に戻ります。

次に、デバイスを縦向きに戻すと、バーは画面の半分になり、もう一度スクロールして適切な位置に戻ります。

これはオブジェクトの再描画に関係していると思いますが、これを強制的に回転させる方法はありますか?

編集: これは、スタンドアロン モードでアプリケーションを使用している場合にのみ発生します (ホーム画面に追加されます)。