スマートフォンをを回転させた際に、absluteしている配置がずれる（縦横変更）

width:100%、absoluteしたinnerを挟む。

<div class="content">
    <div class="inner">
        <p class="hoge">width:100%、absoluteしたinnerを挟む</p>
        <p class="fuga">fuga</p>
    </div>
</div>

.content{
    position:fixed;
    top:100px;
    width:100%;
    border:2px solid green;

    .inner{
        position:absolute;
        width:100%;
        border:2px solid purple;
    }
    .hoge{
        border:2px solid pink;
    }
    .fuga{
        position:absolute;
        top:0;
        right:0;
        border:2px solid gray;
    }
}

参考サイト

jsdo.it

galaxy s3で端末を回転したとき、fixed直下の要素のwidth100%が広がらない

http://jsdo.it/a_t/vwEF