Hellooo,

I'm attempting to place the "title" text over the image and I think my z-index property should be working. Any help would be much appreciated, this is my first time using this forum.


HTML

<div class="portfolioContent">
<ul id="stage">
<li data-tags="Print, Book">
<a href="#labyrinth" rel="lightbox" title="Navigating the Labyrinth">
<img src="images/portfolio/00_thumbnails/01.png"/>
<h4 class="title">Navigating the labyrinth</h4>
</a>
</li>



CSS

#stage li a img{
width:300px;
height:200px;
z-index:1;
position:relative;

}

.title{
z-index:10;
position:relative;
}