onclick-event vererben: Probleme mit div bzw. mit IE

[Jürgen]

Hallo!

TESTSEITE

Hab mich hier an einem Konstrukt versucht, dass meine Fotos blättert; VOR bei Klick rechte Bildhälfte und rechts daneben und RÜCK bei Klick linke Bildhälfte und links daneben. Dazu hab ich zwei divs mit je einem onclick nebeneinander gesetzt.

Leider kommt der IE mit dem "margin-right: -100%" der Grafik nicht zurecht und setzt sie nicht schön mittig wie es FF und Safari tun ;-(

Wie könnte ich das lösen???

Danke!

Jürgen

div#balken_links {  
width: 50%;  
height: 400px;  
text-align: center;  
cursor: pointer;  
background-color: ff0000;  
float: left;  
}  
div#balken_links img{  
margin-right: -100%;  
}  
div#balken_rechts {  
width: 50%;  
height: 400px;  
cursor: pointer;  
background-color: 0000ff;  
float: left;  
}  

<div id="balken_links" onclick="previmg();">  
<img alt="" name="img" src="fotos/hochzeit1/01.jpg">  
</div>  
  
<div id="balken_rechts" onclick="nextimg();">  
</div>