html - child ul dropdown is cut off because of it's parent height -

 <div class="carousel-inner">    ...    <ul class="dropdown-menu">     <li>...</li>     <li>...</li>     <li>...</li>     <li>...</li>    </ul> </div> 

i have 4 elments in div tag 2 shown. how can increase it's height show dropdown items.

i have used overflow:auto; adding scroll entire parent element not looking good. padding-bottom works here extends parent's background behind dropdwn not needed.

fuelux .dropdown-menu {   position: absolute;   top: 100%;   left: 0;   z-index: 1000;   width: 23%;   min-width: 50px;   display: block; 

}

 .fuelux .carousel-inner {    position: relative;    width: 100%;    overflow: hidden;    line-height: 1;  } 

are setting height div-wrapper?

if yes, drop height out of stylesheet , height automatically set content inside div-wrapper.

for example:

style:

div { width: 200px; float: left; }  ul li { height: 20px; width: 200px; float: left; } 

when have 4 elements inside ul, height of die div-wrapper 80px.

i hope can ;)