How do I have a text box in front of a jquery slideshow?

See more:

text

Hi,

I have managed to have a text box in front of a stationary photo on one page. Using this technique:

http://css-tricks.com/text-blocks-over-image/[^]

However, on another page of my site I want everything to stay in the same place (e.g.. text box, image placement and size etc) except have more images in a simple slideshow. (just sliding off to the left).

Either my text box appears as a fifth image and scrolls in last, or just disappears all together. Can someone please help and show me where I'm going wrong in my code?

It would be greatly appreciated. thanks.

#body {float:left; 
          padding-top:10px;
		  position:relative;
		  width:800px; 
		  font-size:15px; 
		  font-family: "Courier New", Courier, monospace; 
		  text-align:justify; 
		  color:#262626; }
		  
.body { position:absolute; 
    top:300px; 
	width:840px;
	background-color:#FFF;
    opacity:0.7;
    filter:alpha(opacity=70);
	padding:3px 10px 0px 10px;}

<div id="body">
              
              <p class="body">
               TEXT IN A BOX
              </p>                    
              
         <div class="gallery">
                    <img src=/>
                    <img src=/>
                    <img src=/>
          </div>

  </div>