Main menu cut off by sidebar1 container to sub menu

Hi there, im experiencing problems with my menu, when i hover over the menu to get up the sub menu, there is a slight gap in between the two, i have tried everything, moving the sub menu and the main menu left and right using padding and margin i have also tried increasing the width of the menu but then this sends the content container to the bottom of the screen., nothing seems to work please help. this makes it awkward to navigate the menu because you have to move the mouse cursor over to the sub menu really fast.

heres my site

www.smart-fx-uk.com/

Thank you

Hi Tony,

In your ul#cssmw16 ul.level-1 rule [ CSSMenuWriter/cssmw16/menu.css (line 96) ] you need to reduce the 'left' property by (just) 1px:

ul#cssmw16 ul.level-1 {
    left: 180px;     /* changed from 181px  */
}

It seems to be that 1px gap that is allowing the Level-1 menus to disappear.

excellent, your absolutely bang on. cheers for your help, brilliant