When zooming out on Firefox (and most other browsers), the layout of the right side-bar and the top menu breaks. The side-bar jumps to the bottom of the page. To replicate this issue, please visit the site and:

  1. Find Zoom Out under the browser view menu and click it a few times.
  2. Pay attention to how it affects the menu and the sidebar.

The only solution that I found to this so far is to decrease the width of the sidebar with a few pixels and decrease the width of one of the menu list items. The problem with this dummy fix is that when the site is viewed on actual size, then it is visible that the menu is missing a few pixels on the width.

Surely, there must be a better solution to this issue. Do you know?

html css browser zooming stylesheet
Edit
Report