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

Popular posts from this blog

wordpress - (T_ENDFOREACH) php error -

Export Excel workseet into txt file using vba - (text and numbers with formulas) -

Using django-mptt to get only the categories that have items -