CSS: menu has gaps in chrome, shows wrong color on certain pages

Two menu problems I can’t figure out.


1. Once the homepage fully loads in Chrome, there are small gaps in the menu. Firefox is fine, haven’t checked explorer.

Meaning, if you hover over a menu item, it sometimes doesn’t color in the full menu item.

2. On certain pages, the hover main-menu color is different/wrong when hovering on sub-menu.

Example: Navigate to home page, hover over ‘Learn More’ and then the sub-menus. Then navigate to /about and do the same thing. You’ll notice that the ‘learn more’ menu color is wrong on /about, it shouldn’t switch back to yellow when hovering over sub menu.

It does this on a few pages and I have no idea why.