CSS - Overlay hover text over another article

Question

I'm working with wordpress and I want to customize my own template. But I stuck on little problem. On hover of div post-redakce I want to show the rest of text. It works good but there is problem that I need text overlay next article section which is bellow.

Here is my complete code on JSFiddle where in the second article you can see full text on hover but the first arctile can't overlay second article. Thank you very much, answer in JSFiddle would be best.

It's wordpress so each article begins with:

<article id="post-id" class="post-id post type-post status-publish format-standard hentry category-nezarazene post-redakce">

Answer 1

Just set bigger z-index on hover

.post-redakce:hover {
overflow: visible;
z-index: 2;
}