jquery - IE8: invisible third-level navigation menu in Foundation 5.2 -
i'm on suicide mission support ie8 foundation 5.2-based site. things have gone well, i'm stuck on problem can't seem figure out: there's multi-level flyout menu (operating on click, not hover), , third level of said menu appears in right place, never shows up—in ie8.
here's looks (client identity obscured):

it's absolutely-positioned element, i've googled around , tried many unsuccessful tricks:
- setting progressively-higher z-indexes starting outer container , working way menu
- forcing
overflow: visible,opacity: 1,display: block,clip: autoon missingul, parents - manually setting generous widths , heights thinking maybe
ulisn't getting haslayout
the thing gets close setting position: relative on ul. results in silly , unusuable page layout, of course, can @ least see menu items change.
i've set fiddle using assets straight out of development pile: http://jsfiddle.net/24tka/
i know foundation 5.2 not offer support ie8, , while i'd love magical fix it'd great understand why third-level menu refuses show itself.
why third-level menu refuses show itself.
it has overflow:hidden, , width of default relative container not being applied ie8 via foundation stylesheet, works when position:relative set on nested ul via inline style.
Comments
Post a Comment