Drupal nests divs inside divs from here to eternity, unfortunately the one time I need it, in images, there aren't enough divs. This issue might have somethint to do with #675528: <div> tag instead of <span >.

I'm trying to create captions which are on top of the images, a bit like image number two on the first line at this page.

Disregard the jquery effects, I just want to do this with css and html for now.

For this to work I need to have something like this:

<div class="ifa_image">
  <img />
  <div class="ifa_caption">
     <span class="ifa_title"></span> <span class="ifa_description"></span>
  </div>
</div>

This tutorial for views slideshow theming explains the need excellently.

As an aside, the : which IFA outputs after the image title can be added by using proper CSS, for those who needs it. It is harder to get rid of it for those of us who doesn't.

A shorter tutorial to this subject can be found at "css text over image".