title: Trouble positioning content in dropdown menu
body: <p>I have this dropdown menu:</p>
  
  <pre><code>&lt;nav&gt;
             &lt;ul&gt;
                 &lt;li&gt;&lt;a&gt;Home&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a&gt;Who are we&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a&gt;Habitat&lt;/a&gt;&lt;/li&gt;
                 &lt;li id="menu"&gt;
                     &lt;a&gt;Raising in Captivity&lt;/a&gt;
                     &lt;ul id="dropdown"&gt;
                      &lt;li&gt;&lt;a&gt;Temperature and Humidity&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a&gt;UVB&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a&gt;Diet&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
                  &lt;/li&gt;
             &lt;/ul&gt;
         &lt;/nav&gt;
  </code></pre>
  
  <p>and the CSS for it:</p>
  
  <pre><code>nav {
      border-top: solid 1px #DADADA;
      border-bottom: solid 1px #DADADA;
      margin-top: 60px;
      text-align: center;  
  }
  
  li {
      display: inline-block;
  }
  
  #dropdown {
     display: none;
  }
  
  #dropdown.active {
       position: absolute;
      display: flex;
      flex-direction: column;
      position: relative;
      line-height:15px; 
  }
  
  a {
      padding: 15px;
      margin: 10px;
      text-decoration: none;
      text-transform: uppercase;
      color: black;
      font-size: 15px;
      font-weight: bold;
  }
  </code></pre>
  
  <p>and the JavaScript:</p>
  
  <pre><code>document.getElementById("menu").addEventListener("click", openMenu);
  
  function openMenu() {
      document.getElementById("dropdown").classList.toggle("active");
  }
  </code></pre>
  
  <p>When you click on the Raising in Captivity link it opens the three dropdown options and it works, but they are positioned inside the navigation, I want them to show up just below the Raising in Captivity element , outside of the bottom border, how can I do that with css?</p>
  
  <p>Here is a demo:
  <a href="https://jsfiddle.net/philip9/farc0xmz/1/" rel="nofollow noreferrer">https://jsfiddle.net/philip9/farc0xmz/1/</a></p>