Mal wieder Problem mit Internet Explorer

[Alexander Königs]

Hallo zusammen!

Ich versuche mich gerade daran, eine Webseite mit CSS zu basteln. Folgendes CSS habe ich mir dafür ausgedacht:

div.main {
  position:absolute;
  top:0px;
  left:130px;
  bottom:30px;
  right:0px;
  overflow:auto;
  z-index:1;
  padding-top:20px;
  padding-left:70px;
  padding-right:20px;
  padding-bottom:20px;
}

div.left {
  position:absolute;
  top:0px;
  left:0px;
  bottom:0px;
  width:90px;
  overflow:hidden;
  z-index:1;
  background-image:url(img/left-background.jpg);
}

div.menu {
  position:absolute;
  top:150px;
  left:30px;
  overflow:hidden;
  z-index:2;
}

div.menu a {
  color:black;
}

div.footer {
  position:absolute;
  left:90px;
  bottom:0px;
  right:0px;
  height:30px;
  overflow:hidden;
  background-color:#FFFFFF;
  z-index:1;
  text-align:right;
  padding-right:10px;
  vertical-align:middle;
  border-top-width:1px;
  border-top-style:dashed;
  border-top-color:gray;
}

Im Firefox sieht das Ganze schonmal wie geplant aus (http://www.alexander-koenigs.de). Ok, das "vertical-align:middle" im Footer läßt er anscheinend aus.

Leider spielt der Internet Explorer überhaupt nicht mit. Er beachtet nichtmal das "text-align:right" im Footer. Kann mir bitte jemand sagen, ob ich was falsch gemacht habe, oder wie ich das Problem lösen kann?