Zwei DIVS überinander

[K1]

Hallo,

ich habe folgendes:

  
  <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>  

und dann noch folgendes:

  
    <div align="center" id="t1">  
            <img src="rolladen/rol_gr/rol_gr1.png" name="image_5" id="image_5"/>  
                <img src="rolladen/rol_gr/rol_gr2.png" name="image_6" id="image_6"/>  
                <img src="rolladen/rol_gr/rol_gr3.png" name="image_7" id="image_7"/>  
    <img src="rolladen/rol_gr/rol_gr4.png" name="image_8" id="image_8"/></div>  

mein CSS für id=t1 sieht so aus:

  
#t1 {  
	z-index: 10;  

warum liegen die Bilder image_5 bis _8 NICHT über den anderen? Die hängen gerade einfach nur drunter. Ich dachte immer mit Z-Index kann ich das sagen, dass das DIV mit einem höhren Wert oben liegt oder?