div-Boxen Zentrieren nicht!

[gary]

Hallo zusammen,

Es ist wieder mal zum Eierlegen. Das ist ein Ausschnitt aus der CSS-Datei:

#boxOne {
  position:absolute;
  z-index:3;
  top:50%;
  left:50%;
  width:400px;
  height:300px;
  margin-left:-200px;
  margin-top:-150px;
  border:2px solid #000000;
  border-left-style:none;
  border-right-style:none;
  padding-top:0px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:0px;
}

#boxTwo {
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  width:500px;
  height:300px;
  margin-left:-250px;
  margin-top:-150px;
  border:2px solid #000000;
  padding-top:0px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:0px;
}

#boxFrame {
  position:absolute;
  z-index:1;
  top:50%;
  left:50%;
  width:600;
  height:400px;
  margin-left:-300px;
  margin-top:-200px;
  border:2px solid #000000;
  border-left-style:none;
  border-right-style:none;
  padding-top:0px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:0px;
}

BoxOne ist layer3 also im Vordergrund für den Text.
BoxTwo ist layer2 später als Hintergrund für die Textbox gedacht.
BoxFrame ist layer1 und sollte nur eine Line unter der navi und eventuell in der Fusszeile bilden (Rahmenteile kann man ja ein und ausblenden).

BoxOne funktionierte alleine gut. Jetzt, mit den zwei anderen Boxen, ist die Zentrierung verschwunden. Warum ist das ganze Gebilde nicht mehr in der Mitte?

Ich habe alles so wie im selfbeispiel angegeben, gemacht :-(

Viele Grüsse gary