css - Dropdown Menu get cut off -
i have drop down menu , seems cut of due parent div i.e if increase height of parent div, drop down menu seems come visible. please help. , below code:
markup
<div id="main-navigation" class="container"> <div class="menu rounded"> <ul id="navigation" class="l_tinynav1"> <select id="tinynav1" class="tinynav tinynav1"> </div> </div>
css
#main-navigation .menu ul { background: none repeat scroll 0 0 #ffffff; border-bottom: 1px solid #d51386; border-left: 1px solid #d51386; border-radius: 0 0 5px 5px; border-right: 1px solid #d51386; margin: 0 auto; min-height: 38px; overflow: visible; width: 98%; } #main-navigation .menu li { border-left: 1px solid #e1e1e1; border-right: 1px solid #c1c1c1; float: left; height: 38px; position: relative; top: 0; }
it may have overflow:hidden;
on 1 of wrap divs .menu
.rounded
#main-navigation
or .container
, check them.
Comments
Post a Comment