title: Nivo Slider hiding my CSS Menu
body: <p>Seen that this question has been asked before, but I cannot get it working with the solutions given;</p>
  
  <p>The site is <a href="http://digitalstr.com" rel="nofollow">http://digitalstr.com</a></p>
  
  <p>I have changed the z-index on all of the menu to 99999, yet still it is below.</p>
  
  <pre><code>&lt;div id="slidercont"&gt; 
  &lt;div id="slider"&gt; 
          &lt;img src="http://digitalstr.com/wp-content/uploads/2011/09/ibfconpromo.png" /&gt; 
      &lt;img src="http://digitalstr.com/wp-content/uploads/2011/09/irconspacepromo.png" /&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p> </p>
  
  <pre><code>#access {
      background: #3b95bd; /* Show a solid color for older browsers */
      clear: both;
      display: block;
      float: left;
      margin: 0 auto 6px;
      width: 100%;
      z-index: 99999;
  }
  .menu {
      margin-top:-20px !important;
      z-index: 99999;
  }
  #access ul {
      font-size: 13px;
      list-style: none;
      margin: 0 0 0 -0.8125em;
      padding-left: 0;
      z-index: 99999;
  }
  #access li {
      float: left;
      position: relative;
      z-index: 99999;
  }
  #access a {
      color: #eee;
      display: block;
      line-height: 3.333em;
      padding: 0 1.2125em;
      text-decoration: none;
      z-index: 99999;
  }
  #access ul ul {
      -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
      -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
      box-shadow: 0 3px 3px rgba(0,0,0,0.2);
      display: none;
      float: left;
      margin: 0;
      position: absolute;
      top: 3.333em;
      left: 0;
      width: 140px;
      z-index: 99999;
  }
  #access ul ul ul {
      left: 100%;
      top: 0;
      z-index: 99999;
  }
  #access ul ul a {
      background: #f9f9f9;
      border-bottom: 1px dotted #ddd;
      color: #444;
      font-size: 13px;
      font-weight: normal;
      height: auto;
      line-height: 1.4em;
      padding: 10px 10px;
      width: 120px;
      z-index: 99999;
  }
  </code></pre>