Div auch im IE5-7 transparent darstellen!

Hallo Mädels, lang lang ist es her doch nun brauch ich mal wieder die geballte Hilfe Ich hoffe hier jibbets noch paar die ein herz fürn Ossi Säufer haben

Also folgendes ich hab drei Divs angeordnet:

  <div id="mainDiv">

<div id="headDiv"><img src="logostart1.png" alt="" /></div>

<div id="contentDiv"><img src="1.png" alt="" /><img src="2.png" alt="" /><img src="3.png" alt="" /></div>

<div id="footerDiv"></div>

</div>

Die Style Angaben dazu:

#mainDiv{ width: 100%;

          height:;

          text-align: center;

          margin: 18px auto;}

		  

#headDiv{ border: 1px solid #000;

		  margin-top: 10%;

          background: #ffffff;

		  opacity: 0.7;

		  filter:alpha(opacity=70); /* IE patch */

		  }

		  

#contentDiv{ border: 1px solid #000;

             background: #ffffff;

             margin-top: 6px;

			 opacity: 0.7;

			 filter:alpha(opacity=70); /* IE patch */

			 }

			 

#footerDiv{ border: 1px solid #000;

            background: #ffffff;

            margin-top: 6px;

			opacity: 0.7;

			height: 19px;

			filter:alpha(opacity=70); /* IE patch */

			}

Im Firefox & Opera geht das wunderbar, auch die .png Grafiken werden Traumhaft transparent dargestellt, aber wie soll es auch schon sein, der IE macht natürlich wieder einmal probleme, intelligent wie ich nunmal bin, hab ich etwas gegoogelt und dachte mit der erweiterung (filter:alpha(opacity=70)) kann man dieses Problem lösen. Aber nichts isses, seltsamerweise wird nur der "footerDiv" zu 70% transparent gemacht!

WArum is das so, wie bekomm ich die scheiße hin?????

hier die bsp Seite: KLICK ME

Gruß