title: Pushing div over <a> class
body: <p>I need this in order to apply a shadow to menu buttons.
  I know z-index should do the trick, but I can't make it to work!</p>
  
  <p><a href="http://jsfiddle.net/blackice856/TR4Ls/5/" rel="nofollow">http://jsfiddle.net/blackice856/TR4Ls/5/</a></p>
  
  <pre><code>    &lt;div id="nav"&gt;
  &lt;ul&gt;
  &lt;div id="navshadow"&gt;&lt;li&gt;&lt;a&gt;TEST&lt;/a&gt;&lt;/li&gt;&lt;/div&gt;
  &lt;div id="navshadow"&gt;&lt;li&gt;&lt;a&gt;TEST&lt;/a&gt;&lt;/li&gt;&lt;/div&gt;
  &lt;div id="navshadow"&gt;&lt;li&gt;&lt;a&gt;TEST&lt;/a&gt;&lt;/li&gt;&lt;/div&gt;
  &lt;div id="navshadow"&gt;&lt;li&gt;&lt;a&gt;TEST&lt;/a&gt;&lt;/li&gt;&lt;/div&gt;
  &lt;div id="navshadow"&gt;&lt;li&gt;&lt;a&gt;TEST&lt;/a&gt;&lt;/li&gt;&lt;/div&gt;
  &lt;div id="navshadow"&gt;&lt;li&gt;&lt;a&gt;TEST&lt;/a&gt;&lt;/li&gt;&lt;/div&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Am I missing something?</p>