[css] Problem z IE

[Webski]

Witam!

Mam problem z css: napisany kod działa elegancko ale tylko na Firefoxie. Na IE niestety wszystkie elementy przesuwają się na inne miejsca. Czy da się to ogarnąć tak żeby efekt był taki sam na obu przeglądarkach (najlepiej oczywiście także na Chromie itp.)

Kod:

Kod:

body {
    margin: 0;
    background-color:  white;
    padding: 10px;
}

div#container {
    position: relative;
    min-height: 400px;
    border: 3px solid #555555;
    max-width: 1150px;
    min-width: 750px;
    margin: auto;
    background-color:  green;
}

div#first-column,
div#third-column {
    position: absolute;
    top: 0;
    bottom: 0;
    border: 1px solid #808080;
    background-color: blue;
    width: 170px;
    margin: 238px 20px 13px 20px;
    padding: 10px 0px 0px 0px;
}

div#first-column {
      left:0;
      height: 210px;
}

div#third-column {
     right: 0;
     height:  260px;
}

div#second-column {
     position: absolute;
     background-color: blue;
     top: 0;
     bottom: 0;
     border: 1px solid #808080;
     width: 170px;
     height: 163px;
     margin: 470px 20px 13px 20px;
     padding: 10px 0px 0px 0px;
}

div#newsletter {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  border: 1px solid #808080;
  background-color: blue;
  color:  #FFCC00;
  width:  170px;
  height: 118px;
  margin: 520px 20px 13px 20px;
  padding: 5px 0px 0px 0px;
}

div#content {
    margin: 238px 205px 13px 205px;
    background-color: blue;
    min-height: 392px;
    border: 3px solid #555555;
    padding: 5px 15px 5px 15px;
}

div#header,
div#footer {
    margin: auto;
}

div#header {
    position: absolute;
    top: 0;
    background-color: red;
    border-bottom: none;
    width: 1140px;
    height: 225px;
    margin: 5px;
}

div#footer {
    border-top: none;
    color: snow;
    background-color: blue;
    height: 20px;
    width: 1150px;
}