Hover state of top menu below menu

This is somewhat difficult to explain, I moved the top menu to the breadcrumbs position with the nav tag. But now when I move the mouse over the menu item it only shows the mouse over state when I move the mouse a little down from the menu item.

The site can be found here: domans.co.za/

Add this to template_css.css:

.bluewave{
z-index:99999999!important;
}