left: 50%; top: 50%; transform: translate(-50%, -50%);
この場合、Internet Explorer 11で横スクロールバーが出てしまうことがある。leftとtopプロパティーで動かした結果、ビューポートからはみ出す場合にその時点でスクロールバーの有無が確定してしまうようだ。
left
top