title: background z-index with functioning anchors
body: <p>So I've got this code:</p>
  
  <pre><code>&lt;div style="position:fixed;left:0;top:65px;border:1px solid blue;background-color:#D5BF9D;width:190px;z-index:-1"&gt;
          &lt;h1&gt;title&lt;/h1&gt;
          &lt;nav&gt;&lt;ul&gt;
              &lt;li&gt;&lt;a href="#apples"&gt;Apple&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#s"&gt;s&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;&lt;/nav&gt;
      &lt;/div&gt;
      &lt;div class="italic" style="border:1px solid red;z-index:99;background-color:white"&gt;Pack my box with five dozen liquor jugs.&lt;/div&gt;
  </code></pre>
  
  <p>It works except the links no longer function since the z-index is -1. Is there a way to maintain the look but give functionality to the links? I tried making the current link div transparent with a z-index of 0 and putting another div behind it with the desired color, but no go. Any ideas. Thanks in advance.</p>