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

Popular posts from this blog

user interface - Python attempting to create a simple gui, getting "AttributeError: 'MainMenu' object has no attribute 'intro_screen'" -

jquery - Common JavaScript snippet to share files on Google Drive, Dropbox, Box.net or SkyDrive -

Android Gson.fromJson error -