Place child over parent with z-index via jQuery
<p>I have a situation where i want to place a child item <em>over</em> it's parent, but this somehow seems impossible. For a quick situation check, see this example</p>

<p><a href="http://jsfiddle.net/Mr3bH/" rel="nofollow">http://jsfiddle.net/Mr3bH/</a></p>

<p>When i hover the parent, i assumed that i re-defined the child css settings (remove the element from its parent, so to remove the parent>child relation) via the line </p>

<pre><code>$('#e11').fadeIn().css({position:'absolute',left:'50px',bottom:0,zIndex:15});</code></pre>

<p>As can be seen in the jsfiddle example, i want element <code>#e11</code> to hover above the <code>#e1</code> and <code>#e2</code> elements.</p>

<p>Does anybody know a solution or workaround?</p>
