I'm using easyslider1.7 to show posts from the featured catagory. I've the next code to show it:

<div id="slider"> 
<ul>
    <?php
    global $post;
    $args = array( 'numberposts' => 5, 'category' => 'Featured' );
    $myposts = get_posts( $args );
    foreach( $myposts as $post ) :  setup_postdata($post); ?>
        <li><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail($page_id, 'slide-thumb');?><span class="slide-title"><?php the_title(); ?></span></a></li>
    <?php endforeach; ?>
</ul></div><!-- #slider -->

The pictures for that posts appear fine within the slider however i cannot begin to see the title. However, basically remove

<?php the_post_thumbnail($page_id, 'slide-thumb');?>

Then see my title where I would like it to appear.

I attempted having fun with the z-index but with no success.

The CSS for that slider is:

#slider
{padding:5px 0 0;
margin-left:5px;
max-width:880px !important;
overflow:hidden;}

#slider ul
    {padding-left:10px !important;
}

#slider ul, #slider li,
    {margin:0;
    padding:0;
    list-style:none;
    }

#slider li{ 
    width:925px;
    height:345px;
    overflow:hidden; 
    }   

#slider li img
    {width: 98%;
    height: 100%;
    z-index:10;}

.slide-title
    {position:relative;
    top:250px;
    left:500px;
    padding:10px 15px;
    z-index:50;
    background-color:#000;
    font-size:48px;
    }

#slider li a
    {text-decoration:none;}

#slider li a:hover
    {text-decoration:underline;}