This js gallery works fine in IE9, FF, Safari etc, but not in IE8. When the thumbs are clicked nothing happens on the page.

Does anyone know why?

My page is located here

HTML (cut down version):

<div id="strandScroll">
<ul>
<li><a href="images/IMG_8720_.jpg" class="thumbnailStrand"><img src="images/IMG_8720_small.jpg"
alt="Image 1" border="0"/></a></li>
<li><a href="images/IMG_9112.jpg" class="thumbnailStrand"><img src="images/IMG_9112_small.jpg"
alt="Thumbnail 2" border="0"/></a></li>
</ul>
</div>

<div id="claspScroll">
<ul>
<li><a href="images/IMG_8626.png" class="thumbnailClasp"><img src="images/IMG_8626.png"
alt="Image 1" border="0"/></a> </li>
<li><a href="images/IMG_8577.png" class="thumbnailClasp"><img src="images/IMG_8577.png"
alt="Thumbnail 2" border="0"/></a></li>
</ul>
<div>

<div id="combinedStrand">
<img src="images/IMG_8720_.jpg" max-width 100% alt="Main Image" id="mainImageStrand" class="combinedStrandImage"/>
</div>

<div id="combinedClasp">
<img src="images/IMG_8577.png" alt="Main ImageClasp" id="mainImageClasp" class="combinedClasp"/>
</div>

js:

$(function() {
$('.thumbnailStrand').live('click', function() {
$('#mainImageStrand').hide();
$('#imageWrap').css('background-image', 'url(ajax-loader.gif)');
$('<img />').attr('src', this.href).load(function() {
$('#imageWrap').css('background-image', 'none');
$('#mainImageStrand').attr('src', $(this).attr('src')).fadeIn();
});
return false;
});
$('.thumbnailClasp').live('click', function() {
$('#mainImageClasp').hide();
$('#imageWrapClasp').css('background-image', 'url(ajax-loader.gif)');
$('<img />').attr('src',this.href).load(function() {
$('#imageWrapClasp').css('background-image', 'none');
$('#mainImageClasp').attr('src', $(this).attr('src')).fadeIn();
});
return false;

$(".thumbnail").click(function() {

$("#mainImage").attr("src", $(this).attr("src"));
});
});

});

Thanks in advance...