title: How to properly hide address bar from Firefox 96.0?
body: <p>I want to hide the address bar leaving only the opened tabs bar visible, I've tried with 2 methods editing the userChrome.css, one works (but it generates a lot of top-spacing), while the second method removes the top-spacing, but it also stops the web pages from being loaded.</p>
  <p>Here what I tried with screenshots:</p>
  <ul>
  <li><p>With the first method I've added this to the userChrome.css</p>
  <p>#nav-bar {
  visibility: hidden !important;
  }</p>
  </li>
  </ul>
  <p>And that is the one which generates the extra top-spacing:</p>
  <p><a href="https://i.stack.imgur.com/WKCl4.png" rel="nofollow noreferrer">First method screenshot</a></p>
  <ul>
  <li><p>With the second method I've added this instead</p>
  <p>#nav-bar {
  display: none !important;
  }</p>
  </li>
  </ul>
  <p>This one lets me obtain exactly what I want but, as I said, it also stops web pages from being loaded (see screenshot):</p>
  <p><a href="https://i.stack.imgur.com/I9yqr.png" rel="nofollow noreferrer">Second method screenshot</a></p>
  <p>How can I reach the same result of the second screenshot, but with web pages being actually loaded?</p>