title: Dropdown Menu get cut off
body: <p>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: </p>
  
  <p><strong>MarkUp</strong></p>
  
  <pre><code>&lt;div id="main-navigation" class="container"&gt;
      &lt;div class="menu rounded"&gt;
          &lt;ul id="navigation" class="l_tinynav1"&gt;
              &lt;select id="tinynav1" class="tinynav tinynav1"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#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;
   }
  </code></pre>