Пытаюсь сделать фиксированное меню сверху страницы, чтобы оно оставалось на месте при прокрутке, но оно всё равно уезжает вверх 😭

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

<header class="navbar">
  <nav>
    <ul>
      <li><a href="#">Главная</a></li>
      <li><a href="#">О нас</a></li>
    </ul>
  </nav>
</header>


<main>
  <p>Много текста...</p>
</main>

1
2
3
4
5
6

.navbar {
  position: fixed;
  top: 0;
  background-color: white;
  width: 100%;
}