Hallo Gunther,

es geht um folgendes:

Ich habe mit Hilfe von jQuery einen Image-Slider programmiert, nur mal zum ausprobieren.
Jetzt brauche ich genau diesen für ein neues Projekt, nur ein bißchen abgewandelt. Damit du eine Vorstellung bekommst, kannst du dir das hier mal anschauen.Slider

Damit das jetzt auch funktioniert, muss es genau so verpackt sein:

  
	<div id="slider">  
		<div id="slider-left"><div class="btn"><img class="click next" src="img/layout/btn_left.jpg" alt="nach links" /></div></div>  
		<div id="slider-main">  
			<div id="wrapper">  
				<div class="ele"><img src="img/content/01.jpg" alt="service"/><div class="slider-over"><p>Lorem ipsum dolor</p></div></div>  
				<div class="ele"><img src="img/content/01.jpg" alt="service"/><div class="slider-over"></div></div>  
				<div class="ele"><img src="img/content/01.jpg" alt="service"/><div class="slider-over"></div></div>  
			</div>  
		</div>  
		<div id="slider-right"><div class="btn"><img class="click prev" src="img/layout/btn_right.jpg" alt="nach rechts" /></div></div>  
	</div>  
  

Der unterschied zu dem Beispiel im Link ist der, dass sich über das Bild eine halbtransparente Fläche legen soll, nämlich .slider-over, und auf dieser Fläche ein Text zu lesen sein soll.

Der äußerste div-Container ist folgendermaßen formatiert:

  
#main{margin: 0 auto; width: 960px;}  

Und entschuldige falls ich mich täusche, aber macht das eine absolute Positionierung nicht unmöglich?
Ich werde gerne eines besseren belehrt.