Hi all...

I recently purchased a jqyery menu from "apycom.com" as I really liked the animation style and it looked easy enough to implement.

The problem i discovered though - after spending the money is that their seams to be a hover problem in IE8 (works fine in all other browsers including IE 6&7).

Preview here with IE8 to see the issue-
> http://apycom.com/menus/9-slate-gray.html

If you look closely you can see the menu links shift everything to the right on hover - displacing all the other menu elements. I think whats happening has something to do with the has-layout issue with Craposoft Explorer - it looks as though the padding is being doubled for some reason?

I tried adjusting the CSS but still not able to resolve.

Any ideas or suggestions would be awesome...

Oh.. and the source code can be downloaded from the above link - the un-registered version is free and the issue is still on both the free and payed for menus. Wish i noticed it sooner...

Thanks
> j

Ok - i think i may have found a CSS solution for anyone interested in this menu working in IE8...

div#menu span {
    zoom: 1 !important; /*this triggers haslayout in IE7+6 to fix the extra padding-top problem*/
    -ms-zoom: 1 !important; /*this triggers haslayout in IE8 to fix the hover bug*/
    cursor: pointer !important; /*this fixes IE cursor back to pointer - IE is really the worst browser ever*/
}

There is still a small extra space above the nested "div#menu li li a.parent" that i was not able to resolve but i think it may be along the same lines.

Hope this helps someone else in the same boat...

> j