CSS Problem / Frage.. ich blick da nicht durch

[Steven]

Hi!

Ich bastel gerade an einer etwas wichtigeren Seite und arbeite mich ein bisschen mit CSS ein. Allerdings kapier ich da was nicht so ganz. Ich hab den Anfang mal hochgeladen -> http://www.sfu-ev.de/privat/darking/ihk/index2.htm

Also ich habe folgendes Problem:

div#seite {
border: 1px solid blue;
text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0;       /*standardkonforme horizontale Zentrierung */
    padding: 0;
    background: #3b664a url(design/baum.jpg) no-repeat;
width: 800px;
height: 600px;
  }

---------------------
das ist sozusagen meine grenze für die Seite in der sich alles abspielen soll
--------------------

-------------------
die Schilder...
-------------------

menu.schilder {
border: 1px solid black;
position: relative;
width: 135px;
margin: 0;
padding: 0;
top:250px;
left: 0;
}
-----------------
und der inhalt... seht ja alles da
-----------------

.inhalt {
  position:relative;
  border: 1px solid red;
  left: 140px;
  width:605px;
  height:410px;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight:normal;
  color:#FFFFFF;
  float: left;
  overflow:auto;
  text-align:left;
  }

Ich hab auch die Rahmen drumherum damit es offensichtlichter ist. Mein Problem: Warum setzt er den .inhalt so einfach mitten hin? "left" habe ich ja auf 140 und das funktioniert auch. aber wenn ich bei top: 0px eingebe dann hängt er trotzdem so in der Mitte. Nur wenn ich position: absolute macht geht das richtig. Sobald ich relative nehme klatscht er es da unten hin. bei absolute gibts aber probleme wenn man dann die Fenstergröße ändert, weil der Teil dann ja stehen bleibt.