Centrera DIV ovanpå varandra

Jag använder mig av eminente hr jojoxx bildfade-skript för att växla bilder på en sida. Detta fungerar utmärkt i alla webläsare utom IE.
Jag har en tabell där jag i en cell centrerar bilderna. När det fungerar ligger alla bilder centrerade ovanpå varandra och tonar ut och in.
När jag tittar på samma sida i IE på PC så ligger vänsterkanten på bildDIVen centrerad.
Hur gör jag för att få dessa bildDIVar att vara centrerade i mitten på tabellcellen, även i IE?

Lite kod för att fundera kring:

<td height="320" colspan="4" align="center"> 
	<div style="height:300px;width:400px;">
		<div id="fadea" style="position:absolute;visibility:hidden;"><img src="../../bilder/101L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="fadeb" style="position:absolute;visibility:hidden;"><img src="../../bilder/103L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="fadec" style="position:absolute;visibility:hidden;"><img src="../../bilder/104L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="faded" style="position:absolute;visibility:hidden;"><img src="../../bilder/106L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="fadee" style="position:absolute;visibility:hidden;"><img src="../../bilder/107L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="fadef" style="position:absolute;visibility:hidden;"><img src="../../bilder/108L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="fadeg" style="position:absolute;visibility:hidden;"><img src="../../bilder/109L.jpg" width="400" height="300" alt="Fade"/></div>                               	
	</div>
</td>

Om jag använder nedanstående kod får jag det att fungera på IE6 på PC.
Dock får jag samma problem som tidigare med IE på MAC.
Det fungerade dock med den tidigare koden.
Fantastiskt vilken huvudvärk man kan få...

<td height="320" colspan="4">
	<div style="height:300px;width:400px;">
		<div id="fadea" style="position:absolute;left:50%;margin-left:-180px;visibility:hidden;"><img src="../../bilder/101L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="fadeb" style="position:absolute;left:50%;margin-left:-180px;visibility:hidden;"><img src="../../bilder/103L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="fadec" style="position:absolute;left:50%;margin-left:-180px;visibility:hidden;"><img src="../../bilder/104L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="faded" style="position:absolute;left:50%;margin-left:-180px;visibility:hidden;"><img src="../../bilder/106L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="fadee" style="position:absolute;left:50%;margin-left:-180px;visibility:hidden;"><img src="../../bilder/107L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="fadef" style="position:absolute;left:50%;margin-left:-180px;visibility:hidden;"><img src="../../bilder/108L.jpg" width="400" height="300" alt="Fade"/></div>
		<div id="fadeg" style="position:absolute;left:50%;margin-left:-180px;visibility:hidden;"><img src="../../bilder/109L.jpg" width="400" height="300" alt="Fade"/></div>
	</div>
</td>