HTML-баннер неправильно выравнивается по верхней части страницы. ⇐ CSS

[Anonymous]

В коде элемент div всегда будет располагаться под верхним краем страницы, не затрагивая фактический верх. Элемент div находится первым на странице.
(IDE: VS Code, браузер отладки: MS Edge)
Что я пробовал:

• Добавление тегов: ничего не изменилось.
• Удаление полей и отступов: в браузере было установлено нулевое значение, все равно ничего не изменилось.
• Перевести/преобразовать: кроссплатформенная совместимость Ruins
  **
  Код:
  HTML:

AU Programs

FIRST PROJECT WILL BE COMING SOON

AU Programs
Hey! I'm an amateur programmer who loves to create and share projects.






CSS:
html, body {
margin: 0;
padding: 0;
background-color: gray;
height: 100%;
box-sizing: border-box;
}

#Banner {
background-color: red;
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}

#Image1 {
width: 200px;
height: auto;
}

#Projects button {
display: none;
}

h1, p, #BannerText {
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-align: center;
}



Подробнее здесь: https://stackoverflow.com/questions/783 ... f-the-page