Top-section-menu IE11 showing nside the padding instead of Top Nav menu area

Hi Cryout, I have a Mega Menu that is appearing incorrectly in IE11. The navigation menu elements are appearing crowded on top of each other, rather than being spread out horizontally. Specifically, all navigation elements are appearing crammed within the div.site-header-inside, rather than horizontally spreading out within the div#top-section-menu.

I posted images of what I see in IE11, vs how t should correctly be displayed:
https://paulturk.ca/temp/Roseta/roseta_nav1.png
https://paulturk.ca/temp/Roseta/roseta_nav2.png

Please evaluate why the navigation menu is rendering inside of the site-header-inside (in IE11) and please find a solution for this that can shared here in the next few weeks. I do appreciate your product and would also appreciate hearing back from you regarding this.
Thank you very much.

Website: paulturk.ca