Dropdown Menu get cut off
css, html
Solution
It may be that you have `overflow:hidden;` on one of wrap divs `.menu` `.rounded` `#main-navigation` or `.container`, check them.
Problem
I have a drop down menu and it seems to be cut of due to the parent div i.e if i increase the height of the parent div, the drop down menu seems to come visible. please help. and below is my 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; } ```