Übereinander liegende DIVs und Mouseover

[hax]

Ich habe ein großes Bild in einer DIV und darüber eine weitere DIV mit 2 kleinen Bildern welche per Mouseover das große Bild ändern sollen.
Funktioniert im Firefox aber nicht im Internet Explorer.
Bitte um Hilfe :)

<style>  
#firstDiv {  
    position: absolute; height: 240px; top: 0;  
}  
#secondDiv {  
    position: absolute; height: 30px; top: 0px; margin-top:0px  
}  
#wrapper {  
    position:relative; height: 240px;  
}  
</style>  
  
<table border=0 cellpadding=0 cellspacing=0 width="320" height="240"><tr><td>  
  
<div id="wrapper">  
  
<div id="firstDiv">  
<a href=1.jpg id="NewsLink"><img src="1.jpg" id="NewsPic" width="320" height="240" border="0"></a>  
</div>  
  
<div id="secondDiv">  
<a href="#"><img src="1.jpg" onmouseover="document.images['NewsPic'].src='1.jpg';document.links['NewsLink'].href='1.jpg';" width="30" height="30"></a>  
<a href="#"><img src="2.jpg" onmouseover="document.images['NewsPic'].src='2.jpg';document.links['NewsLink'].href='2.jpg';" width="30" height="30"></a>  
</div>  
  
</div>  
  
</td></tr></table>