Bilder übereinander

[Bernd]

Hallo,

ich hoffe ihr könnt mir weiter helfen. Ich habe bis jetzt folgendes:

  
<script>  
		document.observe('dom:loaded',function(){  
			  
	new Control.Tabs('tabs_example_three',{  
		hover: true  
	});  
  
	new Control.Tabs('tabs_example_three1',{  
		hover: true  
	});  
  
		});  
	</script>  
  

  
           <ul class="tabbed_images" id="tabs_example_three">  
  
             <li>  
               <div align="center"><a href="#image_1"><img src="f1.jpg" border="0"/></a></div>  
             </li>  
             <li>  
               <div align="center"><a href="#image_2"><img src="f2.jpg" border="0"/></a></div>  
             </li>  
             <li>  
               <div align="center"><a href="#image_3"><img src="f3.jpg" border="0"/></a></div>  
             </li>  
                 <li>  
                   <div align="center"><a href="#image_4"><img src="f4.jpg" border="0"/></a>  
                     <div align="left"></div>  
                   </div>  
                 </li>  
           </ul>  

  
  
      <div id="t1">  
            <div align="center">  
            <img src="f1b.jpg" name="image_1" id="image_1"/>  
                <img src="f2b.jpg" name="image_2" id="image_2"/>  
                <img src="f3b.jpg" name="image_3" id="image_3"/>  
              <img src="f4b.jpg" name="image_4" id="image_4"/></div>  
              </div>  
  

damit erreiche ich bis jetzt folgendes: http://livepipe.net/control/tabs soweit geht auch alles. Aber jetzt kommt mein Problem. Ich möchte gerne auf der Rechten Seite gerne auch vier so Bilder haben. Sprich man wählt sich Links erst etwas aus und kann dann Rechts ebenfalls was auswählen, so dass ein Bild in Bild dann ist. Das rechte setzt sich dann über das Linke Bild. Ich dachte erst ich packe darum ein DIV mit einem Z-Index und beim rechten ebenfalls aber leider geht das nicht. Könnte mir hier jemand weiter helfen, wie ich das Rechts mache, dass ich die Bilder über das Bild bekomme?

Gruß,
Bernd