Vertical mega menu

HTML & CSS
1

I am using this http://www.designchemical.com/lab/jquery-vertical-mega-menu-plugin/getting-started/ vertical mega menu script on this http://www.shopacdirect.com/ page (you can use UN : admin PW : rl+J*_LQ]#7f to get past the htaccess prompt).

What I am trying to do is to get the flyout to always cover the main content column, just like the top “AC Systems” roll over. The client wanted the menu (and the site to behave like costco.com where you can see what I am trying to achieve.)

Any help is appreciated.

2

Adding something like this ets better results:

.main {position: relative;}
.mega {position: absolute; top: 0; right: 0; margin-top: 0 !important;}

The !important is just there for testing purposes. Preferably, remove the other top margin settings.

3

This worked for me. Thank you for your help!