title: My dropdown menu hides behind DIV
body: <p>I am currently using a theme for wordpress called velocity. I am working internally so my website is not online right now. But you can see the live preview of the theme <a href="http://themes.damojothemes.com/?theme=velocity_wp" rel="nofollow">here</a>.</p>
  
  <p>The problem is that my dropdown menuhided behind this DIV that was automatically created by the theme. I've tried using z-index on both elements, but it did not work.</p>
  
  <p>I didn't change the code of the menu, so right now it must be similar to the live preview on the theme.</p>
  
  <p>The code I assined my DIV (image) was this one:</p>
  
  <pre><code>    .title {
  background-color:#291d1d;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  background-color:#120404;
  opacity:0.7;
  padding:20px;
  border-radius:5px;
  opacity:0.7;
  padding-top:40px !important;}
  </code></pre>
  
  <p>Here is a screenshot:
  <a href="http://i.stack.imgur.com/Gb4We.png" rel="nofollow">http://i.stack.imgur.com/Gb4We.png</a></p>
  
  <p>Any ideas on solving this?</p>