Alexandru Dinulescu's Thoughts

Hello

This issue only happens with menuMatic and with vertical set menus. Basically in all IE browsers the sub-nav-menu didnt show up correctly.

And another thing, when you have link tags inside li tags, you need to float the li tags in IE else you get a hidden spacer there (vertical lists only). and the menu looks very odd. This is old IE6 issue, seems like both IE7 and only IE8 fixed it. Fuck that shit.

When in doubt, float it then clear it. This triggers hasLayout behavior and stuff gets fixed by itself. With that issue done i had another issue when the menu looked out of place. In order to fix that you need to open the menuMatic source file and look for fixHasLayoutBug: false, and change it to true.

On the developers site it works with it set to false, i really have absolutely no ideea why it gets triggered in my projects (2 out of 2 projects) and not there and to be honest i really cant be arsed to look into it. The CSS on both sites regarding to the menu matic is quite identical. I would have switched to something based on jQuery but unfortunately there isnt anything like that currently on the market., or from what i could find. Going with the noConlict() thing really annoys the hell out of me

In sum if it looks borked in IE then a) float the links b) float the li tags and c) set fixhaslayoutbug: true, in the menuMatic.js file. And if you still have issues in IE8 because thats where I had the main issues, then you need to do the following. Look where your vertical navigation menu is placed and make a new CSS and load it only for IE8. in that css go to #subMenusContainer and at the top: property modify it so it looks just right. If needed you can also play with the .smOW class at the margin property in the same CSS below are a few images with the before and after

In my example I set the #subMenusContainer top: property to 222px and the .smOW margin-left to about 20ish px

IE8 Before

IE7 Before Has Layout