css - スケーリング要素を使用したクロスブラウザーのセンタリング

Question

この方法を使用して、ボックスを画面の中央に配置しています。

#container {
        position:fixed;
        width:100%;
        height:100%;
        top:50%;
        left:50%;
        margin-top:-50%;
        margin-left:-50%;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }

（特定の機能にはスケーリングが必要です）

Safari では機能しますが、Chrome と Firefox では縦方向の配置が崩れます。クロスブラウザで機能する同様の方法はありますか?