I'm creating a website in which I want to use random quotes in the front page. I've got the front page all set up right now in a page-front.tpl.php with some static html and some php in it.

Right now the quotes are part of an image, and I'm using this code:

    $total = "15";
    $start = "1";
    $file_type = ".jpg";
    $image_folder = "themes/custom/ISUentomology/quotate";
    $random = mt_rand($start, $total);
    $image_name = $random . $file_type;
    echo "<img src=\"$image_folder/$image_name\" alt=\"$image_name\" />";

This works fantastic, but I want to have the image be a background rather than having to change out the image every time. I had done it this way b/c I knew how to do it. I want to cut down on reload time and just have the image continuous and the text change on top of it. I downloaded the quotes module, and I can't get it to let me add quotes to it. I understand how that works, but I would need whatever I end up using to be portable since I'm developing on a different computer than the finished site will go on.

This is what the page looks like:
http://www.public.iastate.edu/~chimes84/Picture%205.png

The butterfly (and field) image is where I want the quote to go (as shown). This is currently implemented as a table cell. I want the quote to go in that table cell and use the image as a background via CSS.

Any suggestions? I've tried several scripts that I've found here, and none of them worked.