Nop's flyout category menu breaks at Featured Products on home page

https://nopstaging.af1racing.com/

not your  Mega Menu, just the stock Nop flyout Category menu.  Once you mouse down to the Featured Products tab on the Home Page the menu will break as soon as the mouse is over a product.  

I figured it was conflicting mouse/hover events but I don't see any event associated with .product-item so I am at a loss of where to look.  

I can prevent the menu from extending that far in CSS, but I'd rather know the reason if you can help me figure it out.

  

Hello.

Please provide us with a link to the site where the problem is present.

Ok, I checked on your website.
You can try to add this code (put it either into the main css file, or into the custom head styles panel in your theme administration):

.item-box {
  z-index: 0;
}

This should fix your current issue but it may (or may not) trigger some other problem. You have to test it throughout the entire site.

Works perfect, thank you!  I really need to learn CSS better.