html - Absolute positioned element not displaying based on its parent -
i have been trying make dropdown menu using nested unordered lists. i'm having parent unordered list having <li> contains first level menus. , tried insert unordered lists inside first level menus i.e] inside <li>. positioned internal unordered list absolute , assigned left them 0.
and here comes problem, internal unordered list's parent should <li> element. assumes parent main unordered list i.e] parent of <li> element. result internal unordered list displays left of 0 relative main unordered list. need display relative <li> element. doing wrong .? why did internal unordered list not assuming parent <li> element.?
demo - fiddle
set parent li's style to:
#ulheadermenuwrappermenucollection > li { /*other styles*/ position: relative; }
Comments
Post a Comment