Hallo,
<style type="text/css">
<!--
#content {
position: relative;
/* Wofür ist hier jeweils position:relative nötig?*/
}
.main {
position: relative;
/* Wofür ist hier jeweils position:relative nötig?*/
background-color: yellow;
font-size: 80%;
border-color: red;
border-style: solid;}
-->
</style>
Der IE hat Probleme mit dem Zuordnen der Z-Index-Layer zwischen Elementen mit position:relative und solchen mit dem Standardwert position:static. Die Elemente mit position:relative sind jeweils in einem höheren Layer. Das lässt sich auch nicht per z-index korrigieren, weil diese Eigenschaft wieder nur für Elemente im selben Layer die Überlappung steuert.
Entweder lass position:relative weg oder hebe auch die IMG-Elemente per position:relative in diesen Layer.
Wozu verwendest Du übrigens die align-Attribute. CSS scheinst Du doch zu kennen.
viele Grüße
Axel