isam: tomaten auf den augen

Beitrag lesen

hej,

also ich sitze jetzt schon seit ner Stunde vor der Kiste und weiß nich was es. Mal kurz der Code:

<body class="a">
  <div id="main">
    <div id="bottom">
      <p style="position:absolute; top:0px; left:0px; width:100%; text-align:center;">bla bla</p>
      <img style="position:absolute; top:0px; left:0px;" src="main/wirbel.png" height="60" width="60" alt="logo">
      <img style="position:absolute; top:0px; right:0px;" src="main/schriftzug.png" height="60" width="150" alt="softandlazy">
    </div>
  </div>
</body>

und

#main { background-color: #d2691e; margin: 15px auto auto; padding: 0px; border: solid 2px black; width: 700px; height: 500px }
#bottom { margin-top:0px; padding:0px; width:700px; height:60px }

Alle Browser nageln mir die 3 Elemente in dem innersten div absolut gegen die body-decke. Ich dachte bisher, position:absolute bezieht sich auf das Elternelement oder hab ich da was falsch verstanden? Möchte nämlich, dass die 3 Objekte sich in den div einpassen

Wer sieht den Fehler? Schon mal danke.

grüße i.