css - Drop Down Menu Not Displaying with Overflow Visible -
i'm confused why sub menu isn't displaying outside of it's container when overflow set visible...
if point out obvious, appreciated.
#mainmenu { margin:50px 0 0; overflow:visible; } #nav_menu-6 { float:left; overflow:visible; height:100px; } #nav_menu-7 { float:right; } #mainmenu ul { list-style-type:none; } #mainmenu ul > li { float:left; position:relative; } #mainmenu ul > li { float:left; margin:0; padding:0; font-family: 'roboto condensed', sans-serif; font-size:14px; line-height:14px; font-weight:400; text-transform:uppercase; color:#676868; position:relative; } #mainmenu ul > li:hover { color:#fff; background-color:#004a98; } #mainmenu ul > li { display:block; padding:10px 15px; font-family: 'roboto condensed', sans-serif; font-size:14px; line-height:14px; font-weight:400; text-transform:uppercase; color:#676868; } #mainmenu ul > li a:hover { color:#fff; text-decoration:none; } #mainmenu ul li ul.sub-menu { position:absolute; z-index:99999; top:34px; left:0; }
i missing fixed height on container, i'd set overflow visible.
Comments
Post a Comment