Images won't display in Internet Explorer....Surprise surprise!

DOCTYPE is missing.

width and height for img are also missing.

http://validator.w3.org/check?uri=http://www.jjoyceillustration.com/ - check your errors

 

Works just fine for me checked in in Safari and IE .

 

I get a 404 when trying to open a thumbnail directly (http://www.jjoyceillustration.com/images/thumbnails/figurebirds.jpg) in IE, in Chrome it works.

Strange ......

<!--[if IE]>
<style>

.gallery li {

display:inline;

}
</style>
<![endif]-->

Code (markup):

Maybe there is your problem...

Another thing I noticed is this:

<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="transition.js"></script>

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

Code (markup):

Loading prototype/scriptaculous twice...

By the way, there is an easier way to do a picture gallery (jQuery FTW)

 

How about, checking that the image name in the coding matches exactly with the image name on the server. e.g. Myimage.jpg is different from myimage.jpg on some web servers and in some browsers.

 

No it's the prototype version of lightbox. Just check the lightbox.js

I have checked here with IE9 in different modes and do not have a problem

 

Is it possible that you check your webserver logfiles?

 

This would also effect FF, Chrome, ... not only IE. That's a server "thing".

 

Your IP address, the requests with e.g. IE or Chrome, date, time (then it's easier to find)