This pull request uses progressive enhancement to fix an issue in the menus: if one menu is under focus, rollover in the next or previous menus provokes an overlaping. To fix this, the :has() peseudo class and the general sibling combinator have been used.

Notes

1. :has() peseudo selector is supported by 87.03% of the global browsers usage and general sibling combinator is supported by 95.78% of the global browser usage.
2. These selectors are not supported at all on Internet Explorer, so these rules will be completely ignored in these browsers, therefore the current behaviour is maintained.
3. At the present time, Firefox still doesn‘t support the :has() pseudo class. They are working actively on it and they plan to release it soon, but to support this pseudo selector right now in this browser it is necessary the layout.css.has-selector flag. This means that in this browser, at the moment this pull request will fix the bug if one rolls over the menus before the focused menus (general sibling combinator) but it will not work if one rolls over the menus after them (:has() peseudo class).

Screencasts

Current behaviour

Fix in Chrome

Fix in Safari

Fix in Firefox

Closes: #62