how do I solve an internet compatibility issue with IE?

This site is best viewed in a modern browser with JavaScript enabled.

how do I solve an internet compatibility issue with IE?

tony_webb

I have programmed a test page for my photo website which includes a css only slider that I adapted from a programming blog. It works fine in Chrome but doesn't show at all in IE. I am using IE10.
I also have use css blur on another image which works in chrome but not in IE10.

I have looked on the internet and found suggestions like change image width to 100% and to put the slider in a container. They don't work.

I also use in the html

<title>Tony's photo site</title>
  <link rel="stylesheet" type="text/css" href="index.css">
 <link rel="stylesheet" type="text/css" href="index-2.css">
 <link rel="stylesheet" type="text/css" href="index-3.css">
 <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
</head>

There are 3 index files because 2 of them are long.

You can see the website http://www.what-do-christians-believe.co.uk/photo-site/index-3.html

tony_webb

I have changed the url but the problem still exists. The new url

tony_webb

I think that I have solved this problem. Took many hours to get their but it seems that I needed to use different prefixes for "webkits".
The slider is now showing in PC browser but they all come down in one stack on top of each other. I guess that this is more of a coding issue and have put a post in HTML.