#mask は position: fixed、#modal は position: absolute にしていますが、fixed と absolute が逆でも同じに挙動になります。
今後、下にスクロールするような場合を考えているのですか？