Выпадающее меню обрезается

Question

У меня есть выпадающее меню, и, похоже, оно вырезано из-за родительского div i.e, если я увеличиваю высоту родительского div, выпадающее меню кажется видимым. пожалуйста помоги. и ниже мой код:

разметке

<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; 
} 

Answer 1

Может быть, у вас есть overflow:hidden; на одном из обертки дивы .menu.rounded#main-navigation или .container, проверить их ,

Answer 2

При проверке вашего сайта я обнаружил, что вы используете ul и li в качестве настраиваемого раскрывающегося меню. Причина прекращения обрезания - width от .va_sort_list_wrap.

Попробуйте изменить его

.va_sort_list_wrap { 
width: 132px; 
}