Problem mit verschachteltem EventHandling und dem IE

[Timo]

Hallo,

ich habe folgendes Problem:
Ich habe mit Javascript einen Button programmiert, bei dessen Anklicken sich eine Auswahlliste mit mehreren Einträgen öffnet.
Beim Anklicken dieser Einträge soll, je nach Eintrag in einem anderen Bereich der Seite ein in einem Array hinterlegtes Bild angezeigt werden.
Das Script sieht (in gekürzter Form) wie folgt aus:

  
<script type="text/javascript">  
var Titel="<p style='font-size:12pt; font-weight:bold;'>W&auml;hle einen Wettkampf aus:</p>";  
  
var ArchivPics=new Array("<img src='test.jpg' />","<img src='test2.jpg' />","<img src='test3.jpg' />")  
  
function loeschen(){  
 document.getElementById("artselect").innerHTML = "";  
 document.getElementById("artikel").innerHTML = "";  
}  
  
function archiv(){  
var WK = new Array("Eintrag1","Eintrag2","Eintrag3");  
var Eintraege = "<option selected='selected' onClick='archivArtikel(0)'>"+WK[0]+"</option>";  
for(var i = 1;i <= WK.length-1;i++){  
 Eintraege = Eintraege + "<option onClick='archivArtikel("+i+")'>"+WK[i]+"</option>";  
}  
var Liste = Titel+"<form action='select.htm'><select size='1'>"+Eintraege+"</select>";  
document.getElementById("artselect").innerHTML = Liste;  
}  
  
function archivArtikel(nummer){  
document.getElementById("artikel").innerHTML=ArchivPics[nummer];  
}  
  
 </script>  
</head>  

Die beiden Ausgabeorte für die Auswahlliste (artselect und artikel) sind Tabellenzellen.
Im Firefox funktioniert das Script einwandfrei, im IE wird die Auswahlliste mit den Einträgen korrekt angezeigt, nur das Event-Handling bei Anklicken der Einträge funktioniert nicht.

Gibt es hier eine Möglichkeit, das ohne das DOM zu programmieren, so dass es auch im IE funktioniert? Würde das Script gerne so, bzw. so ähnlich  verwenden.

Grüße
Timo