How to have list display over image?

Hello,

I've got a working setup of nodecarousel, but have a few questions. My first question is, with my carousel, the list appears below the content. (i'm pulling the imagecache image from the node, and displaying the title along with the teaser). I've tried setting a negative margin-top to the list, but it ends up hiding behind the image. I've also tried setting a higher z-index for the list, but no matter what I do it hides behind there. Is there a way to display that list over the top of the image?

Here's what I have in my template.php:

function deco_nodecarousel_node($node, $name='') {
  $content = '<div class="node-carousel-item">';
  $image_node = node_load($node->iid);
$content .= '<div class="carousel-image">'. theme('imagecache', 'featured', $node->field_image[0]['filepath']) .'</div>';
  $content .= '<div class="hidden nid">'. $node->nid .'</div>';
  $content .= '<div class="teaser"><div class="featured-title">'.l($node->title, 'node/' .$node->nid) .'</div><div class="node-carousel-index">'. $node->teaser .' <div id="read-more"> '.l('[Read More]', 'node/'. $node->nid).' </div></div></div>';
  $content .= '<div class="corners" id="c_left_top"></div>';
  $content .= '<div class="corners" id="c_right_top" style="left: 636px;"></div>';
  $content .= '<div class="corners" id="c_left_bottom" style="top: 226px;"></div>';
  $content .= '<div class="corners" id="c_right_bottom" style="top: 226px; left: 636px;"></div>';
  $content .= '</div>';
  return $content;
}