title: Wordpress Menu Drop-downs hidden behind div
body: <p>I created a form for a Wordpress site <a href="http://www.bassetandbeagle.org/adoptionapplication/" rel="nofollow">http://www.bassetandbeagle.org/adoptionapplication/</a> and in the CSS code I put div position: absolute, so that the form would scale on mobile devices.</p>
  
  <pre><code>#formContainer {
  min-width: 950px;
  max-width: 950px;
  padding: 10px;
  position: absolute;
  z-index: -1; }
  </code></pre>
  
  <p>Now the drop-down menus, above the form, are hidden behind it.</p>
  
  <p>I attempted to set a higher z-index for the menu:</p>
  
  <pre><code>.nav-menu{
  position: relative;
  z-index: 1; }
  </code></pre>
  
  <p>But this had no apparent effect.  I tried 1, 100, 1000... nada</p>
  
  <p>I was able to get the drop-downs to show up again, by changing the .nav-menu to position: absolute.  Unfortunately, this screwed up the positioning of the menus on the page.</p>
  
  <p>I am pretty sure I am on the right track with the z-index property, based upon the other posts I have read.  So, what am I doing wrong here?</p>
  
  <p>Thx</p>