Mon code javascript ne marche pas sous ie !!!

Je débute en javascript et j'ai fais un code tout simple pour pouvoir, en cliquant sur une image miniature afficher une image plus grande en dessous.

Ce script marche tres bien sous firefox mais il ne marche pas sous internet explorer.

C'est à cause de l'évenement onClick je crois. Pouvez vous m'aider??

voici ce que j'ai mis dans le header :

function montre(valeur)
{

for (var i = 11; i<=20; i++)

{
document.getElementById(i).style.display='none';
}
document.getElementById(valeur).style.display='block';

}

et voici mon body (il y a 10 images en tout) :

<div id=1 style="position:absolute; top:250px; left:450px; width:50px; height:100px; z-index:1;" onclick="javascript:montre(11)">

<div id=11 style="position:absolute; top:500px; left:600px; display:none"><p>La superbe guitare</p><img src="flying.jpg" width=100% height=100%></div>

ceci est juste pour la premiere image.

Merci de bien vouloir m'aider.