Почему IE11 некорректно отображает страницу?
Вставьте этот тег в head<meta http-equiv="X-UA-Compatible" content="IE=edge" />
и будет вам счастье!
Потому что он не знает тега main.
Добавьте в CSS:main { display: block; }