Dropdown Menu Issue, Opens when hovering underneath navigation

Hi,

I am having an issue with our main navigation menu on our website.
We have 6 main links in our main navigation one of these is “Shop Online” I have this set up as a dropdown menu with four columns.

For some reason when ever I hover over any other content on any page directly underneath the main navigation menu, the dropdown menu opens. Which then doesn’t allow us to interact/click with any of the content the menu is now overlapping.

Any ideas?