title: Absolute positioned div with higher z-index is displayed under other divs
body: <p>I have an HTML code with an error at some point that I cannot detect. Here is my <a href="http://jsfiddle.net/gteEg/1/" rel="nofollow">JSFiddle</a>.</p>
  
  <p>In particular, when I move on "Show more", an absolute positioned div with highest z-index should be shown on top of everything. However, as you may see the first absolute positioned div is shown under other content.
  As provided in answers from similar questions, I already set a <code>z-index</code> value and the <code>position</code> type (<em>absolute</em> or <em>relative</em>) for each container of the <code>div</code>.</p>
  
  <p>Any idea to solve this problem?</p>