problemer med positionering

Jeg har før spurgt om noget ala dette her på exp. fik dog ingen svar, og lavede så lidt om på strukturen.

Nu har jeg så lidt problemer med at få positioneringen til at passe med de forskellige elementer..
De passer fint i firefox, men i IE virker det ikke..

Se følgende screenshots:
internet explore:
http://www.student.dtu.dk/~s011606/ie.gif

firefox:
http://www.student.dtu.dk/~s011606/firefox.gif

Selve problemet er ude til højre, samt mellem de 2 div's..
Jeg vil gerne have låst det blå felt fast til feltet til højre, og samtidig vil jeg gerne undgå scroll i feltet i midten.. Feltet skal blot blive længere hvis der ikke er mere tekst.. Men samtidig skal det mindst være så højt som feltet til højre:

Jeg benytter disse css koder:
boksen til højre på siden
#instantbox {
  position: absolute;
  top:83px;
  left: 64em;
  min-height: 488px;
  height: 488px;
  min-width: 285px;
  max-width: 285px;
  width: 285px;
  background: white;
  border:1px solid #8CACBB;
  padding:10px 10px 10px 10px;
  overflow: auto;
}

boksen i midten af siden
#centermainbox {
  position: absolute;
  top:83px;
  left: 21em;
  min-height: 488px;
  height: 488px;
  width: 40em;
  background:  white;
  border:1px solid #8CACBB;
  padding : 10px 10px 10px 10px;
  overflow: auto;
}

Blå box oppe til højre
#menuboxtab3 {
    position: absolute;
    top:68px;
    left: 811px;
    width: 16em;
    height: 15px;
    background: #DEE7EC;
    border-left: 1px solid #8CACBB;
    border-right: 1px solid #8CACBB;
    border-top: 1px solid #8CACBB;
    border-bottom: 1px solid #8CACBB;
    border-collapse: collapse;
    margin: 0px;
    font-size:11px;
    font-weight: bold;
    color: black;
    text-align: center;
}

Jeg håber der er nogen der kan lure hvad jeg gør forkert..
På forhånd tak.