I am trying to get my site up on Joomla 3. I am using two instances of ARI Ext Menu, one pinned to the top of the page on every page (which works perfectly), the other a single instance invoked with another plug-in, "modules in article". Please look at the home page of the site at http://dev.fearringtonfha.org. After the page loads, click the tab labeled "Groups Portal". The second instance of ARI Ext Menu is on the top of this tab and starts with "Groups Directory". Hover over "A - Democrats" and observe that the drop-down is squeezed down to about a 1em width. If you look at the HTML (Firebug) you will see that the <ul> enclosing the five drop-down list items as well as all the <li> in which the links are enclosed have a style="width: 0px". This is why the menu is not displayed correctly.

This occurs on MSIE, Firefox and Chrome, all current versions.

Interestingly, refreshing the page with a simple Ctrl-R or the browser's refresh icon changes all the widths to the same (correct) values, and the drop-downs appear normally.

Can you please explain what's going on and how to fix it?

Thanks.

Hello,

The problem occurs because the menu is located in hidden area and can't calculate width correctly.

Regards,
ARI Soft