Mam górny obszar nawigacji z pozycją: naprawiono

Chciałbym, aby zawartość strony przewijała się normalnie, ale nie znikała pod nawigacją. Głównym problemem jest to, kiedy wykonuję wyszukiwanie (jest to pełny CMS z setkami wyników w różnych modułach), czego szukam czasami przewija się pod nawigacją. Jestem w porządku z tym, ponieważ wiem, co się dzieje, ale chciałbym, żeby działało dobrze dla moich użytkowników. Przypuszczam, że mógłbym użyć zestawu ramek, ale czy jest inny sposób?

Zasadniczo mam to, co wpisałeś, z wyjątkiem tego, że mam div content z topem marginesu: 50px. Problem polega na tym, że zawartość div przewija się wraz ze stroną, więc po przewinięciu strony mam 50px ukrytej zawartości. Jest to szczególnie widoczne, gdy wykonuję wyszukiwania w przeglądarce (Ctrl-F). Rozwiązałem problem drukowania z arkuszem stylów @print usuwającym obszar nawigacji, ale chciałbym, aby przewijanie odbywało się tylko poniżej nawigacji.

Myślałem o próbie:

body {
overflow: no-scroll; (or whatever the css is for this)
}

#content {
overflow: scroll;
}

Może to pozbyć się paska przewijania przeglądarki i mieć tylko jeden dla obszaru zawartości. Nie wiem, jak to będzie wyglądać. Jeszcze mniej niż idealny. Prawdopodobnie będzie wyglądać jak zestaw ramek bez uciążliwości zestawu ramek.