Nested list, positionning, width, and extra space in chrome

Hi guys

I have a nested list that I am using to create a two level hover horizontal menu. Its an ul > li > ol > li thing. ol is hidden on page load, and opens up when we hover the ul.

If I use relative positioning for ul and absolute positioning for ol, it looks fine with Firefox, and creates an one pixel gap between the ul and ol in Chrome. The ol closes if I move the mouse slowly from ul to ol.

However, if I have both the positionning as relative, the ol does not closes when I move the mouse from ul to ol. However, the ul lists take a width that is similar to the width of ol, and do not adjusts to the width of the ul list.

Can anybody suggest something ?

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.