px-Fehler mit Hintergrund-Grafik

[Max-Philipp Richter]

Hi,

ich bin latent am verzeifeln:
Ich versuche krampfhaft 3 verschiedene Elemente sauber nebeneinander zu setzen!
Code:
<style type="text/css">
body {
 color: black;
 background-color: #00473b;
 }
#lefttopmenue {
 position:absolute;
 top:50px;
 left:50px;
 width: 200px;
 height: 50px;
 padding-left: 55px;
 padding-right: 20px;
 border: solid 1px #fff;
 background-image: url(left_new.gif);
 background-repeat: no-repeat;
 color: #fff;
 font-family: Calibri, Courier;
}
#box {
 position: absolute;
 top: 50px;
 left: 260px;
 width: 200px;
 height: 290px;
 padding: 20px;
 font-family: Calibri, Courier;
 color: #00473b;
 background-image: url(box1.gif);
 background-repeat: no-repeat;
 border: solid 1px #fff;
}
#box1 {
 position: absolute;
 top: 50px;
 left: 470px;
 width: 200px;
 height: 290px;
 padding: 20px;
 font-family: Calibri, Courier;
 color: #00473b;
 background-image: url(box1.gif);
 background-repeat: no-repeat;
 border: solid 1px #fff;
}
  </style>

Das Ergebnis könnt ihr Euch unter
www.richter-reichenbach.de/marv_battle
anschauen!
Entscheidend ist, daß der Browser KEINE px Angabe außer die von oben und links korrekt interpretiert... Alles fließt ineinander und hat nicht die korrekte Größe!
Wenn ihr auf die Seite geht, wißt ihr, was ich meine, da habe ichs auch noch mal erklärt!
Danke für die Hilfe!

Gruß Max