It’s easy cause you’re using already jquery.
In the and It would be a static tooltip of the container. (I hope you know what I mean).
@wolfcry911 is right, I was to fast in answering and to slow in thinking..
scribble is right about the overflow: hidden; causing the issue – but you need it for the effect your looking for. What you need to do is reserve some height above the initial pic for the bird, so that it won’t be hidden. So pad the .item 60px on top. Then increase the height by 60px (because your using border-box box sizing). And finally, and a negative 60px top margin to item to more or less hide the padding.
And for yet another way to do it with just CSS, you can take the `overflow:hidden;` off of the `.item` div and put it on the `a` tag. That way only the part that you’re actually hiding is hidden. Here’s a quick pen to show you what I mean:
z-indexing is typically handled on the parent level of your elements, so in your case, since the children of `#content` were showing up behind the children of `#slider`, your problem exists with those specific div siblings.