CSS Menu Overflow?

I have a css menu, pretty standard functionality. I have implemented it within a Netsuite site im working on.

The menu is visible here:

http://www.gardensandh开发者_如何学运维omesdirect.co.uk

Its the one just under the header.

Ive been trying to get the only part of the menu with dropdowns to come left instead of right when hovered so that it is not being 'hidden' underneath the wrapper.

What is the best way to get this menu showing correctly? I there a way i can get it hover over the top of everything else instead of underneath like now?

Any help appreciated.

-Wayne

You need to have overflow: visible on #outerwrapper if you want to show anything outside that div.

Alin