mega menu drop down box extends off page

[AdamKing]

Hi everyone. I am hoping this is a simple fix for someone in the know - esssentially, the drop down area from the mega menu seems to go off the page on the right hand side when hovering over the final section link.

Is there a way to get the last drop down area to instead align to the right hand edge? I hope I have made myself clear.

Link to website so you can see it is www.harveymaps.co.uk/acatalog/test

Thanks in advance, Adam

[peblaco]

It works in Firefox, Chrome and Internet Explorer (but not Compatibility View from the Tools menu) so you might see the issue in IE7 / IE8. You have two problems in those versions. The mega menu goes off to the right, to do with the CSS styling for the last section. Your slideshow is appearing in front of your mega menu drop downs, you would need to edit CSS z-index to control the layers.

[AdamKing]

Hi Louise and thanks again for having a look. I see what you mean about the compatibility view and the drop downs appearing behind the images.

This was something the helpdesk helped me with so maybe ill have to go back to them.

As for the menu heading off the right hand side - will there be some css specifically for the 'menu last section'?

[peblaco]

The positions of the drop downs are calculated by the Javascript actinicextras.js, it checks the widths of the menu and drop downs and applies CSS to position drop down div elements.

[AdamKing]

I have just had a look at that file in notepad and i would not know where to begin! The compatibility error aside, it seems to be running ok and only looks a little bit odd on the last section drop down so i may just have to go with that for now and keep an eye on it. Thanks very much for taking the time to answer my query. Adam