Hey all,

So i basically followed this tutorial on Dynamic Drive on css image gallery on hover to the tee but the images don't show up on hover in IE6...instead the Alt tag comes up.

I don't think that the JS i've written is causing the problem but am not entirely sure as I created a slideshow on click...

Any help would be amazing.

Here is the HTML
Code:
				<div class="gallery_container">
					<ul>
  						<li><a class="tn"><img src="images/thumb.jpg" onclick="MM_swapImage('picture_box','', 'images/ch_wait1_550x400.jpg',1)" alt="image"/><span><img src="images/pre_ch_wait1_110x80.jpg" alt="image" /></span></a></li>
  						<li><a class="tn"><img src="images/thumb.jpg" onclick="MM_swapImage('picture_box','','images/ch_recep3_550x400.jpg',1)" alt="image" /><span><img src="images/pre_ch_recep3_110x80.jpg"alt="image" /></span></a></li>
						<li><a class="tn"><img src="images/thumb.jpg" onclick="MM_swapImage('picture_box','','images/ch_recep2_550x400.jpg',1 )" alt="image"/><span><img src="images/pre_ch_recep2_110x80.jpg" alt="image" /></span> </a></li>
						<li><a class="tn"><img src="images/thumb.jpg" onclick="MM_swapImage('picture_box','','images/ch_ext_550x400.jpg',1)" alt="image"/><span><img src="images/pre_ch_ext_110x80.jpg" alt="image" /></span></a></li>  
						<li><a class="tn"><img src="images/thumb.jpg" onclick="MM_swapImage('picture_box','','images/ch_recep_550x400.jpg',1)" alt="image" /><span><img src="images/pre_ch_recep_550x400.jpg" alt="image" /></span></a></li>
					</ul>
</div>

And the CSS to go along with it:
Code:
/************************************************************CSS IMAGE ROLLOVER************************************************************/
	
.tn span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 1px;
visibility: hidden;
color: black;
text-decoration: none;
}

.tn span img{ /*CSS for enlarged image*/
border-width: 0;

}

.tn:hover span{ /*CSS for enlarged image*/
visibility: visible;
bottom: 60px;
left: 00px; /*position where enlarged image should offset horizontally */
z-index: 50;

}