Thumbnail inlarge problem

[emediastudios]

I have this code that works great except for one thing.

It doesnt load the large image on the top layer, thumbnails show on top.

 

This is my CSS

<style type="text/css"> 
#imgmenu {position:relative; top:0px; left:0px; width: auto; background-color: #FFFFFF;  border:solid 1px #FFFFFF} 
#imgmenu .p1 {display:block; width: auto; height: auto; text-decoration:none; background: #FFFFFF; top:0; left:0; border:0;} 
#imgmenu .p1:hover {text-decoration:none; background-color: #FFFFFF; color:#000;} 
#imgmenu .large {
width:0;
height:0;
border:0;
top:0;
left:0;
z-index: 601;
visibility: visible;
float:left;
} 
#imgmenu .p1:hover .large {display:block; position:absolute; top:-85px; left:50px; width: auto; height: auto; border:3px solid #FFFFFF;} 
#info {z-index:500; height:22em;} 
</style> 

 

This is my thumnail code

<td><div id="imgmenu"> 
<a class="p1" href="#nogo" title="thumbnail image"><img src="/emma/photography/babies/Ralph3.jpg" alt="Thumbnail image" border="0" title="Thumbnail image" / ><img src="babies/big/Ralph3.jpg" alt="Enlarged view of image" name="info" class="large" id="info" title="Enlarged view of image" /></a> 
</div> </td>

 

I have tried using z index and it doesnt work ???

[emediastudios]

This is the link to my problem

http://emediastudios.com.au/emma/photography/babies.html

[wrongmove18]

What browser are you using? It works on FF.

[haku]

It's an IE problem.

 

Try setting the z-index of the large photos to 1 in your css:

 

z-index: 1